Question

我试图获得特定风格的下拉菜单，但我无法实现它。这就是我想要的

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

Answer 1

您是否尝试过选择绿色

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 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>

我想这应该对你有帮助。

带边框的下拉菜单

2 个答案: