css3中user-select的用法详解

html-css026

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写什么就由你定了。