css3中user-select的用法详解

html-css027

css3中user-select的用法详解,第1张

user-select属性是css3新增的属性，用于设置用户是否能够选中文本。可用于除替换元素外的所有元素，以下是user-select的主要用法和注意事项的说明，更多信息可参考如下css3文档说明。

参考资料：

https://www.cnblogs.com/10manongit/p/12913477.html

有两种解决方案

第一种：CSS2 只能使用div和ul进行模拟了，结构很简单，具体可参考Alice的 button-dropdown

第二种：CSS3 可以使用CSS3的属性appearance，具体代码如下：

select{

    -moz-appearance: none

    -webkit-appearance:none

            appearance:none  

}

用插件：select2.js 百度搜索那个名字即可，现在基本是最好用的下拉组件。

原理就是将原来的select隐藏，用新的div构建一个下拉菜单，遮盖在原来的位置。

自己做的话，可以试试在select上覆盖一个div层，用绝对定位。然后把select的透明度opacity写为0.01，不能为0，然后点击那个层，就相当与点击了那个select，div写什么就由你定了。