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');   

你可能感兴趣的:(Easyui---numberbox(插件)重写css样式)