Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何设计<;选择>;带底边和插入符号?_Html_Css_Select - Fatal编程技术网

Html 如何设计<;选择>;带底边和插入符号?

Html 如何设计<;选择>;带底边和插入符号?,html,css,select,Html,Css,Select,如何设置Select元素的样式,使其看起来像图像中的元素?我正在努力使插入符号和线条同时出现。 我尝试过设置边框底部:1px,然后设置-webkit外观:none,但插入符号消失了 选择{ 边框:0px 0px 1px 0px; } 选择1 选择2 选择3 您可以设置底部边框而不是底部边框,它在css中不存在 border-bottom font-family 我认为这就是您真正需要更改的全部内容,以使其更像您所展示的示例我将从“清理工作表”或all:unset开始删除选择元素的所有预定

如何设置Select元素的样式,使其看起来像图像中的元素?我正在努力使插入符号和线条同时出现。 我尝试过设置
边框底部:1px
,然后设置
-webkit外观:none
,但插入符号消失了

选择{
边框:0px 0px 1px 0px;
}

选择1
选择2
选择3

您可以设置
底部边框
而不是
底部边框
,它在css中不存在

border-bottom
font-family
我认为这就是您真正需要更改的全部内容,以使其更像您所展示的示例

我将从“清理工作表”或
all:unset
开始删除
选择
元素的所有预定义样式,然后根据需要设置样式:

选择{
全部:未设置;
右侧填充:15px;
边框底部:1px实心;
背景:url('https://www.charbase.com/images/glyph/9662")不重复,对;;
背景尺寸:16px;
}

所有问题类型
选择1
选择2
选择3

很抱歉,我键入问题时出错了。我现在用一个代码片段编辑了我的问题。很抱歉,当我写出堆栈问题时,边框底部是一个错误。明白了。W3学校有一个很好的教程,可以定制整个菜单,让它尽可能的漂亮,我建议你去看看!