单击选项后改变文字颜色和外边框的大小

好的，以下是一个简单的实现方式，您可以将以下代码添加到您的HTML文件中的`<style>`标签内：

/* 鼠标悬浮时改变样式 */
label:hover {
  cursor: pointer;
  border: 1px solid #000;
}

/* 选中时改变样式 */
input:checked + label {
  color: #fff;
  background-color: #000;
  border: 2px solid #000;
}

这段CSS代码实现了以下几个功能：

- 鼠标悬浮时，选项周围会出现1px的黑色边框；
- 当选项被选中时，选项的文字颜色将会变为白色，背景颜色为黑色，并且周围的边框将会变粗为2px。

您可以根据自己的需求修改这些样式的属性值。