【问题标题】:CSS3 PIE Styling SelectCSS3 PIE 样式选择
【发布时间】:2012-08-24 16:38:46
【问题描述】:

CSS3 Pie 在设置选择标签样式时有一些奇怪的功能。边框半径和框阴影似乎应用了效果,然后将非样式选择框置于效果之上。这是以前有人遇到过并解决过的问题吗?

【问题讨论】:

    标签: css select css3pie


    【解决方案1】:

    我实际上遇到了这个问题,但想出了一个解决办法。

    最初,与

    behavior: url(stylesheets/PIE.htc);
    

    选择首先会打开,但如果我在验证期间使用 javascript 在其上应用了一个错误类以使边框和背景颜色变为红色,它将不再正确打开。要让它仍然正常工作,您需要向选择添加 3 个额外的饼图属性。添加后

    .ie select{
    behavior: url(stylesheets/PIE.htc);
    -pie-poll:false;
    -pie-track-hover:false;
    -pie-track-active:false; 
    }
    

    我能够让它 100% 正常工作和运行。

    【讨论】:

    • 干得好,问题是,需要额外点击才能下拉菜单:-/
    【解决方案2】:

    你的意思是这样设计吗? http://jsfiddle.net/Tmzjz/1/

    如果在 IE7/8 中勾选此项,选择框将无法正常工作。

    当您需要选择框的圆角和框阴影时,最好使用JavaScript方法 - http://cssglobe.com/custom-styling-of-the-select-elements/

    【讨论】:

    • CSS3 PIE 是 javascript 方法。我想它对于选择框不能正常工作。您提供的方法使用绝对定位。我不能使用它,因为我将使用液体布局。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-14
    • 1970-01-01
    • 2014-01-08
    • 1970-01-01
    • 2023-04-04
    • 2012-04-02
    • 2011-11-13
    相关资源
    最近更新 更多