在 HTML 中设计选择样式？ [关闭]答案

【问题标题】：Design select style in HTML? [closed]在 HTML 中设计选择样式？ [关闭]
【发布时间】：2014-04-15 19:01:49
【问题描述】：

this 是什么？按钮还是选择？ HTML 和 CSS 如何做到这一点？谢谢

【问题讨论】：

是<select>的图片
我认为这应该是一个按钮。
它是一个按钮形状的选择。
在 Chrome 中单击鼠标右键并使用“检查元素”。然后就可以看到html和css了。
+AlieN, +null 你很开心 :)) 更具体：img843.imageshack.us/img843/4080/nxrg.jpg

标签： html css wordpress

【解决方案1】：

这很可能是一个样式化的选择元素。看看这个教程http://css-tricks.com/dropdown-default-styling/

【讨论】：

【解决方案2】：

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

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

2) ul 标签 - 当点击图片时，会显示 ul。

3) 标签 - 当任何一个 li 被选中时，它的值都会被复制到标签中

【讨论】：

【解决方案3】：

你可以用简单的 div 来做这样的事情。类似that

<div id="button"><span>Location</span></div>

#button
{
    width: 100px;
    height: 40px;
    background-color: grey;
    border-radius:15px;
    position:relative;
}
#button>span
{
    position:absolute;
    top:10px;
    left: 10px;
}

【讨论】：

【解决方案4】：

我实际上做了一个插件，可以让你这样做这里是一个链接；只需下载包含脚本和 css 运行的文件

$('document').ready(function(){         
    $('select').niceselect();
})

然后您可以使用 css 设置任何您想要的样式。

http://projects.authenticstyle.co.uk/niceselect/

【讨论】：

【解决方案5】：

这是一个选择元素。

检查这个例子：dropdown list

【讨论】：

【解决方案6】：

建议如何解决这类问题

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

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

详细了解 Chrome 开发者工具 https://developers.google.com/chrome-developer-tools/

【讨论】：