如何用css更改tab键选择颜色? [复制]
Posted
技术标签:
【中文标题】如何用css更改tab键选择颜色? [复制]【英文标题】:How to change tab key selection color with css? [duplicate] 【发布时间】:2016-10-03 12:04:06 【问题描述】:当我按 Tab 键并选择一个按钮时,它会得到一个边框。是否可以使用 css 更改其颜色或完全去除边框?
【问题讨论】:
您可以使用outline: none
,它会修复它,但我敦促您保持原样(除非您有其他明显的区别),因为可能有些用户没有使用鼠标和这个轮廓会让他们知道哪个项目被聚焦。看看这个 - outlinenone.com
是的,您可以在 css 中覆盖 :focus
和 :active
样式。
谢谢,outline:none
工作正常
【参考方案1】:
<!DOCTYPE html>
<html>
<head>
<style>
input:focus
background-color: yellow;
</style>
</head>
<body>
<p>Click inside the text fields to see a yellow background:</p>
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
<p><b>Note:</b> For :focus to work in IE8, a DOCTYPE must be declared.</p>
</body>
</html>
【讨论】:
不鼓励使用纯代码答案。以上是关于如何用css更改tab键选择颜色? [复制]的主要内容,如果未能解决你的问题,请参考以下文章