关于页面样式被隐藏的修改方法

1.
2.出现这种情况，则需要在规定的样式的后台代码里面添加！important

3.这样的话就不会出现被隐藏的现象

4.但是对于easyUI这样的修改方式不奏效，需要新的方法来修改
（1）JS的修改方式 ，这种方式针对于引用的JS各种函数都奏效的情况
HTML部分

<input  data-options = "width:'20%',readonly:true" class="easyui-textbox" name="eee" id="eee" value="dsdsdsdssdsd"/>

JS部分

<script type="text/javascript">
            $('#eee').textbox('textbox').css('background-color','#ff00ff');
        });
    </script>

（2）重写CSS，这种方式这对于引用的函数不起作用的情况
html部分

<input  class= "tb" id="tb" type="text" readonly="readonly"  value="d4s56ad46a5">

CSS部分

    <style type="text/css">
        .tb{
            position: relative;
            border: 1px solid #95B8E7;
            background-color: #cccccc;
            vertical-align: middle;
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            outline: none;
            margin: 0;
            padding: 0;
            width:300px;
            height: 22px;
            -moz-border-radius: 5px 5px 5px 5px;
            -webkit-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;
            font-size: 12px;
        }
    </style>