CSS如何更改输入字体大小

Question

input 标签的font-size 不会增加。我知道它遵循浏览器/操作系统设置规则，但它不应该被覆盖吗？

<style>
input[type="search"]
{
  font-size:50px;
}
</style>
<form class="search-box" action="https://www.google.com/search">
  <input type="search" name="q" placeholder=" welcome back" value="" autocomplete="off" autofocus>
</form>

结果

https://imgur.com/a/iegRUl3

Answer 1

Apple 做苹果的东西。 https://developer.mozilla.org/es/docs/Web/CSS/-moz-appearance

input[type=search]{
   -moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome, edge and ie mobile */
   appearance: none; /* rest */
}