当输入集中时,文本会改变方面,我该如何防止这种情况?

Text changes aspect when input is focused, how can I prevent this?

提问人:Ramon Ribeiro 提问时间:12/30/2022 最后编辑:Michael M.Ramon Ribeiro 更新时间:12/30/2022 访问量:99

问:

当专注于我的时,文字似乎变得更薄了。似乎只有在与一些特定的文本颜色相结合时才会发生深色。<input>background-color

<body style="background-color: black">
  <input type="text" />
  <span style="color: blue">TESTANDO</span>
</body>

焦点输入:Without Focus

重点输入With Focus

更改字体或设置字体粗细对此问题没有任何影响。

HTML CSS 输入 文本 字体

评论


答:

1赞 strawberrymilk 12/30/2022 #1

您可以通过在输入聚焦时删除轮廓来防止这种情况。input:focus {outline: 0}

input:focus {outline: 0}
<body style="background-color: black">
  <input type="text" />
  <span style="color: blue">TESTANDO</span>
</body>

如果需要大纲,请将其添加回去box-shadow

box-shadow: 0px 0px 0px 0.5px #fff; border-radius: 3px;