Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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_Wordpress - Fatal编程技术网

在HTML中设计选择样式?

在HTML中设计选择样式?,html,css,wordpress,Html,Css,Wordpress,是什么?按钮还是选择?您是如何通过HTML和CSS实现这一点的?谢谢 这很可能是一个样式化的select元素。看看本教程这可以是一个包含3个元素的简单div 1图像-带有顶部和底部箭头 2 ul标签-点击图像时,ul标签显示 3标签-当选择任何li时,其值将复制到标签上您可以使用简单div执行类似操作 我实际上做了一个插件,让你在这里做这是一个链接;只需下载包含脚本和css运行的文件 $('document').ready(function(){ $('select')

是什么?按钮还是选择?您是如何通过HTML和CSS实现这一点的?谢谢


这很可能是一个样式化的select元素。看看本教程

这可以是一个包含3个元素的简单div

1图像-带有顶部和底部箭头

2 ul标签-点击图像时,ul标签显示


3标签-当选择任何li时,其值将复制到标签上

您可以使用简单div执行类似操作


我实际上做了一个插件,让你在这里做这是一个链接;只需下载包含脚本和css运行的文件

$('document').ready(function(){         
    $('select').niceselect();
})
然后,您可以使用css根据需要对其进行样式设置

这是一个Select元素


检查此示例:

建议如何解决此类问题

如果您使用的是Chrome,Firefox。。。您可以右键单击页面上的任何元素,然后检查元素

并查看该元素的HTML CSS甚至JS

阅读更多关于Chrome开发者工具的信息

这是一个图像,我认为这应该是一个按钮。它是一个按钮形状的选择。右键单击Chrome并使用“Inspect Element”。然后您可以看到html和css。+AlieN,+null您很开心:更具体:
$('document').ready(function(){         
    $('select').niceselect();
})