使用 css 更改输入字段内的字体大小

Question

\r\n

\r\n

html{\r\n\tfont-size:62.5%;\r\n}\r\n\r\nbody{\r\n\tfont-family:arial;\r\n\tfont-size:1.1rem;\r\n}

\r\n

<p>LOREM IPSUM</p>\r\n<p>LOREM IPSUM</p>\r\n\r\n<input type = \'text\' value = \'LOREM IPSUM\'>

\r\n

\r\n

\r\n

\n\n

为什么 \xe2\x80\x99font-size:1.1rem在输入字段中不起作用？

\n\n

如何获取整个页面的全局字体大小？

\n

Answer 1

这是因为与元素不同，用户代理input已经定义了元素，因此该元素将继承由元素定义的值，并将使用其自己的值，除非您覆盖它：font-sizeppbodyinput

因此输入元素的计算值font-size如下：

正如您所看到的，正文的字体被考虑，但它被默认已经定义的字体覆盖。