CSS如何设置textarea中的文字被选中时字体变大,没有被选中时字体变小
时间: 2023-02-09 16:56:03 浏览: 431
动态调整textarea中字体的大小代码
可以使用 CSS 中的 :focus 伪类来设置 textarea 中的文字被选中时字体变大,没有被选中时字体变小。
例如:
```css
textarea:focus {
font-size: larger;
}
textarea {
font-size: smaller;
}
```
上面的代码中,当 textarea 获得焦点时(被选中),文字的字体大小会变大;而当 textarea 失去焦点时(未被选中),文字的字体大小会变小。
注意,:focus 伪类只能用于可交互的元素,比如 form 表单中的 input、textarea 等。
阅读全文