Telerik样式数字文本框

时间:2013-10-31 18:34:21

标签: css telerik styles radgrid

我有一个使用文本框和RadNumericTextBoxes的radgrid。我可以像这样设置常规文本框的样式:

        boundColumn = new GridBoundColumn();
        boundColumn.DataField = "Size";
        boundColumn.HeaderText = "Size";
        boundColumn.ItemStyle.Width = Unit.Pixel(5);
        boundColumn.ItemStyle.CssClass = "maximize";
        grid.MasterTableView.Columns.Add(boundColumn);


.maximize input[type=text] { 
    width:100%; 
}

但是如果尝试在RadNumericTextBox上使用相同的样式,它就不起作用。我希望能够为RadNumericTextBox设置相同的样式。有谁知道怎么做?

        GridNumericColumn nboundColumn = new GridNumericColumn();
        nboundColumn.DataField = "Quantity";
        nboundColumn.HeaderText = "Quantity";
        nboundColumn.ItemStyle.Width = Unit.Pixel(5);
        nboundColumn.ItemStyle.CssClass = "maximize";
        grid.MasterTableView.Columns.Add(nboundColumn);

1 个答案:

答案 0 :(得分:1)

radNumericTextbox具有内置样式,您不会以正常方式覆盖您的样式, 所以首先将你的样式添加到radgrid的addClass然后使用:

.yourClass input[type=text] { 
    width:100% !important; 
}

你也可以使用firebug或inspector来查找原始的radgrid数字类,然后用!important覆盖样式,如下所示:

.RadGrid .RadInput{
width:100% !important; 
}