控制cms:CMSDropDownList的width

  查找了一下kentico内部使用相关控件的代码，发现有2种方式，可以达到效果。

 

• 在我们自己的css class定义的地方，在class前面加上.cms-bootstrap

.cms-bootstrap .DropDownList200 {width: 214px;border: #ababab 1px solid;text-align: left;}

 

     示例

   <cms:CMSDropDownList ID="ddlDataType" runat="server" CssClass="DropDownList200">

 

 

• 使用kentico内置的width相关的css class

 

.cms-bootstrap .input-width-15 {

  width: 48px;

}

.cms-bootstrap .input-width-20 {

  width: 80px;

}

.cms-bootstrap .input-width-40 {

  width: 112px;

}

.cms-bootstrap .input-width-60 {

  width: 192px;

}

.cms-bootstrap .input-width-100 {

  width: 320px;

}

.cms-bootstrap .input-width-82 {

  width: 264px;

}

.cms-bootstrap .input-width-58 {

  width: 176px;

}

示例

  <cms:CMSDropDownList ID="ddlDataType" runat="server" CssClass="input-width-100">

 

作者:Chuck Lu    GitHub