更改输入焦点颜色

时间:2014-09-30 11:16:27

标签: html css css3

请告诉我如何更改CSS中输入的颜色。

默认为蓝色,我只想更改输入边框颜色,

我试过了:

input:focus {
outline: none !important;
border:1px solid red;
box-shadow: 0 0 10px #719ECE;
}

我的输入是

#admission input {
height: 18px;
color: #666666;
padding-left: 5px;
font-size: 14px;
}

它正在工作但是当它被点击时,输入字段变得有点小 提前致谢

2 个答案:

答案 0 :(得分:1)

你需要改变:焦点框阴影颜色

box-shadow: 0 0 10px #719ECE; // if you want to change the shadow also
border-color: #66afe9;

#719ECE如果是阴影颜色和#66afe9边框颜色

JS Fiddle

答案 1 :(得分:0)

添加:

box-sizing: border-box;

输入您的输入:http://jsfiddle.net/j6qdpmeo/