Question

好的，所以有些网站如twitter等，当你点击文本机器人登录时会突出显示为蓝色。我该怎么做？

Answer 1

如果是twitter，你可以查看bootstrap.css代码。我认为以下css可以解决这个问题（从bootstrap.css中取出）：

input:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}

参考：

http://twitter.github.com/bootstrap/

Answer 2

来自Twitter的css的相关位

textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

textarea:focus {
    border-color: #56B4EF;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}

Answer 3

检查jsfiddle。您可以通过替换＃56B4EF

来更改颜色

 input:focus {
 outline: none;
 box-shadow: 0px 0px 7px #56B4EF;
 border-color: #56B4EF;

Answer 4

在border-color:blue;或click事件上将{CSS}应用于focus等文本框。

单击蓝色时突出显示文本框

4 个答案: