我是css的初学者,所以请多多包涵:D
我试图创建这个自定义文本字段:
所以我有 2 种不同的颜色,只说颜色 A 用于内部背景(大的)和颜色 B 用于外部背景。
所以我认为外面的(颜色B)可能是a <span>
,颜色A是a <input type="text">
(我不知道这是否是最好的方法,我对其他解决方案非常开放,因为我缺乏css经验)
所以这是我的 html 代码:
<div id="search">
<span><input type="text" id="txtSearch"/></span>
</div>
这是我的CSS:
/*THIS IS COLOR B, THE OUTER ONE*/
#search span {
background: #c4a76e;
overflow: auto;
margin: 3%;
}
/*THIS IS COLOR A, THE INNER ONE*/
#search #txtSearch {
float: left;
border-radius: 3%;
background: #fdf4d6;
padding: 5%;
border: thin solid black;
}
我计划将填充背景颜色设置为颜色 B,并将文本字段设置为自身颜色 A,但它不起作用。我只是得到一个背景颜色为 A 的文本字段。
我应该怎么办?
任何帮助表示赞赏,如果您需要其他帮助,请告诉我。
谢谢你的时间:D