textarea去除focus-visible样式

在一些浏览器中，当用户使用键盘（而不是鼠标）在textarea元素上进行导航时，会出现一个额外的虚拟焦点框，这个虚拟焦点框可以通过`:focus-visible`伪类来修饰。如果你希望去除虚拟焦点框，可以使用下面的CSS代码：

textarea:focus {
    outline: none;
}

textarea:focus:not(:focus-visible) {
    outline: none;
}

这个CSS代码会在textarea元素被选中时，移除实际的和虚拟的焦点框。但是需要注意的是，`:focus-visible`伪类并不被所有的浏览器都支持，如果你需要在不支持`:focus-visible`伪类的浏览器中去除虚拟焦点框，可以使用JavaScript来实现。

相关问题

antd 修改 a-textarea show-count 样式

要修改 `a-textarea` 组件的 `show-count` 样式，可以通过以下步骤进行：

1. 在你的项目中创建一个 `custom.less` 文件，用于覆盖 Ant Design 的默认样式。
2. 在 `custom.less` 文件中添加以下代码：

// 修改 show-count 的样式
.ant-input-textarea-show-count::before {
  color: #999;
  font-size: 12px;
}

.ant-input-textarea-show-count.ant-input-disabled::before {
  color: #ccc;
}

3. 在需要使用 `a-textarea` 的组件中引入 `custom.less` 文件。

这样就可以自定义 `a-textarea` 组件的 `show-count` 样式了。你可以根据自己的需求更改样式内容和属性。

textarea中box-sizing

textarea 中的 box-sizing 属性用于设置元素的盒模型的计算方式。盒模型是指一个 HTML 元素的大小和边框的计算方式，包括元素的内容、内边距、边框和外边距。

box-sizing 属性有两个值可选：content-box 和 border-box。默认值为 content-box。

- content-box：元素的宽度和高度只包含内容的宽度和高度，不包括 padding、border 和 margin。
- border-box：元素的宽度和高度包含内容的宽度和高度，以及 padding 和 border 的宽度，但不包括 margin 的宽度。

在实际开发中，我们可以根据实际需求选择不同的计算方式。如果需要设置元素的宽度和高度时，希望包括 padding 和 border 的宽度，可以使用 border-box。如果需要设置元素的宽度和高度时，只考虑内容的宽度和高度，可以使用 content-box。