带边框的下拉菜单答案

【问题标题】：Dropdown with border带边框的下拉菜单
【发布时间】：2021-06-05 15:47:50
【问题描述】：

我正在尝试获取特定样式的下拉菜单，但我无法实现。这就是我想要的

我尝试使用 <select> 和 Material UI 的 SelectField 并将边框类型应用于它的 stype 但这也不起作用。我怎样才能让这个边框起作用？

【问题讨论】：

您只需使用select {} 来设置选择框的样式。如果您希望它更具体，则需要提供您的代码。
查看第一个答案 here 关于选择的边界问题，然后查看 this thread 了解更多详情

【解决方案1】：

您是否尝试过为选择设置样式

select.dropdown {
  border: 1px solid black;
}

<select class="dropdown">
  <option selected value="1">Option 1</option>
</select>

【讨论】：

【解决方案2】：

这个问题很常见但是你没有为元素创建任何 div 选择。

有两种方法可以做

将 div 添加到您的元素：-

<html>
<head> 
<style>
select.dropdown {
  border: 1px solid black;
}
</style>

<body>
<div>
<select class="dropdown">
  <option selected value="1">Option 1</option>
</select>
</div>
</body>
</html>

2）您也可以使用大纲属性（不需要div）：-

<html>
<head> 
<style>
select.dropdown {
  outline: 1px solid black;
}
</style>

<body>

<select class="dropdown">
  <option selected value="1">Option 1</option>
</select>

</body>
</html>

我想这应该对你有帮助。

【讨论】：