我正在尝试创建HTML / CSS的文本框混合。我有用于设计文本框的CSS代码。我想在博客中使用此代码,但我无法将CSS组合在一个类中,以便在博客中使用。请有人帮帮我。谢谢。
CSS和HTML:
body {
background-color: #f1f1f1;
font-family: Helvetica,Arial,Verdana;
}
.link-box,.link-wrapper {
position: relative;
padding: 10px;
}
.link-wrapper {
width: 500px;
margin: auto;
margin-top: 50px;
}
.link-box {
width: 80%;
border: 1px solid #ccc;
outline: 0;
border-radius: 15px;
}
.link-box:focus {
box-shadow: 0 0 15px 5px #b0e0ee;
border: 1px solid #0AA700;
}

<div class="link-wrapper">
<input type="text" onClick="this.select();" name="focus" required class="link-box" value="www.google.com" readonly/>
</div>
&#13;
答案 0 :(得分:0)
不完全是一个班级的意思。但是,如果你的意思是你只能在父div上有一个类而不在输入上,那就行了。
.link-wrapper {
position: relative;
width: 500px;
margin: auto;
margin-top: 50px;
padding: 10px;
}
.link-wrapper input {
width: 80%;
border: 1px solid #ccc;
outline: 0;
border-radius: 15px;
padding: 10px;
}
.link-wrapper input:focus {
box-shadow: 0 0 15px 5px #b0e0ee;
border: 1px solid #0AA700;
}