我有以下 css 代码....(仅相关部分)
.register {
width: 400px;
margin: 10px auto;
padding: 10px;
border: 1px solid #FAFAFA;
border-radius: 10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
background-color: #f0f0f0;
box-shadow: 0 0 1px 0 #000000;
}
.register h3 {
margin: 0 15px 20px;
border-bottom: 1px solid #909090;
padding: 5px 10px 5px 0;
font-size: 1.1em;
}
.register div {
margin: 0 0 15px 0;
border: none;
}
.register label {
display: inline-block;
width: 25%;
text-align: right;
margin: 10px;
}
.register input[type=text], .register input[type=password] {
width: 65%;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
padding: 5px;
font-size: 0.9em;
border-radius: 5px;
background: rgba(0, 0, 0, 0.07);
}
.register input[type=text]:focus, .register input[type=password]:focus {
background: #FFFFFF;
}
.register textarea{
width: 65%;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
padding: 5px;
font-size: 0.9em;
border-radius: 5px;
background: rgba(0, 0, 0, 0.07);
}
div.textarea > * {
vertical-align:middle
}
我要求 text-area 字段在焦点上更改为白色背景(焦点背景),就像表单中的其他输入字段一样。
我提供了一个 Fiddle Demo我目前的形式。
请求帮助。提前致谢。
最佳答案
你只在输入上使用:focus
.register input[type=text]:focus, .register input[type=password]:focus {
background: #FFFFFF;
}
更改为:
.register input[type=text]:focus, .register input[type=password]:focus, .register textarea:focus {
background: #FFFFFF;
}
关于css - 在焦点 css3 上将文本区域背景更改为白色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24846634/