textbox css生成器,CSS textbox focus

我试图在文本框中禁用/删除边框或蓝色发光。CSS textbox focus

.user {

width: 300px;

height: 50px;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-bottom: -8px;

color: #ffffff;

}

.user::-webkit-input-placeholder {

color: #ffffff;

}

.password {

width: 300px;

height: 50px;

border: #e9e9e9;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-top: -8px;

}

.password::-webkit-input-placeholder {

color: #ffffff;

}

的组成部分：

Login

---

现在，我想说明的是，在形成两个文本框将变得透明，甚至是他们关注的焦点。

我在下面试过这段代码，但它不起作用。

.user{

width: 300px;

height: 50px;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-bottom: -8px;

color: #ffffff;

}

.user:focus{

width: 300px;

height: 50px;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-bottom: -8px;

color: #ffffff;

}

.user::-webkit-input-placeholder {

color: #ffffff;

}

.password {

width: 300px;

height: 50px;

border: #e9e9e9;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-top: -8px;

}

.password:focus {

width: 300px;

height: 50px;

border: #e9e9e9;

background-color: rgba(222,222,222,.0);

border: 2px solid rgba(222,222,222,0);

padding-left: 5px;

padding-right: 5px;

font-family: arial;

margin-top: -8px;

}

.password::-webkit-input-placeholder {

color: #ffffff;

}

+0

试图把它 “纲要：无;” –