1. 程式人生 > >Easyui---numberbox(外掛)重寫css樣式

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