zoukankan      html  css  js  c++  java
  • select

    select样式非常难看,在PC端通常就自己仿一个了,但是在移动端,select的使用方法还是不错的,所以写一个假的按钮,在点击它的时候展开select去选择内容是个不错的方法。

    先看下京东触屏版的地址编辑页面(截图来自PC)

    做法很简单,省份后面显示的文字怎么实现都成,需要做到的就是select正好覆盖在省份后的北京二字上面,然后opacity:0。当透明度为0的时候,select里的option并不会透明,因此这事儿就算办妥了。

    如果是input:fiel 还可以使用另一种方法

    假设假按钮id为btn,fiel的id为myfiel

    $("#btn").click(function (){

      $("#myfiel").click();

    })

    这样就可以打开fiel了。但这个方法对于select元素没法使用。

  • 相关阅读:
    11111
    JavaScript基础
    CSS使用
    CSS 基本
    前端之HTML
    Python 迭代器和生成器
    Python day11
    Python 函数
    第十七篇:django基础(二)
    第十六篇:django基础
  • 原文地址:https://www.cnblogs.com/liqingchang/p/3701034.html
Copyright © 2011-2022 走看看