Easyui---numberbox(插件)重写css样式

  修改css样式也适用于其他的插件。当然有的插件可以通过format的js函数来实现样式修改。
  对于numberbox,直接在style中修改css样式,比如改变字体大小(font-size,font-weight)和颜色(color)是不行的。

1 全局性修改,即将所有的numberbox的CSS样式重写

<!-- 重载easyuicss样式 -->
<style>
    .numberbox .textbox-text{ text-align: center; }
</style>

2 修改特定的numberbox的css样式

    //更改numberbox 的css样式
    $('#amount_in').numberbox('textbox').css('text-align','center');
    $('#amount_in').numberbox('textbox').css('color','red');
    $('#amount_in').numberbox('textbox').css('font-size',20);
    $('#amount_in').numberbox('textbox').css('font-weight','bold');   

你可能感兴趣的:(css,easyui,override,numberbox,font-size)