Home  >  Q&A  >  body text

javascript - 在input输入框中设置了opacity透明度...

在input输入框中设置了opacity透明度,在IE浏览器中input里面的value值也跟着透明了导致看不见,请问大神们有什么解决办法吗?

<input type="text"  class="rqShuRu" value="123" />

样式:
.rqShuRu{
    color:#50667e;
    font-size:14px;
    line-height:28px;
    padding:0 5px;
    width:100px;
    height:28px;
    border:none;
    background-color:rgb(225,225,225,0.1);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1);
    vertical-align:middle;
    outline:none;
}
怪我咯怪我咯2771 days ago950

reply all(3)I'll reply

  • ringa_lee

    ringa_lee2017-04-10 15:48:59

    你直接给background-color设置rgba()透明值不就可以了吗,opacity会影响子元素的;

    reply
    0
  • 大家讲道理

    大家讲道理2017-04-10 15:48:59

    background-color:rgb(225,225,225,0.1);
    写错了 rbga

    reply
    0
  • 阿神

    阿神2017-04-10 15:48:59

    input.rqShuRu{background-color:rgb(225,225,225,0);}

    reply
    0
  • Cancelreply