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>