css - 搜索下拉列表样式

Question

输入名称=“搜索”样式

大家好，您能建议如何设置搜索下拉列表的样式吗？

标签： css

Answer 1

<input>不是您将用于下拉列表的内容。我建议你使用<select>它。

如果你想要一个简单的搜索栏，你可以使用它来设置样式：

#search-bar {
position: absolute;

left: 50%;
top: 50%;
transform: translate(-50%, -50%);

border: none;
border-radius: 10px;
background-color: #333;

padding: 16px;
outline: none;
color: #fff;}

代码的第一部分是将搜索栏置于屏幕中心，即屏幕中心。第二部分用于使其（在我看来）看起来更干净。

希望这解决了您的问题？