使用CSS更改Asp:CheckBox的样式/外观

时间:2020-03-06 14:31:16  来源:igfitidea点击:

我想将标准asp.net复选框的标准" 3D"外观更改为固定1px。例如,如果我尝试将样式应用于"边框",则它会绘制标准复选框并在其周围带有边框,我想这是有效的。

无论如何,有没有一种方法可以更改实际文本框的样式?

解决方案

不知道这真的是一个与asp.net相关的问题。请试一下,这里有很多很好的信息:

http://www.456bereastreet.com/archive/200409/styling_form_controls/

它们确实依赖于浏览器。

也许我们可以执行与该问题有关更改文件浏览按钮的答案类似的操作。

请记住,asp:CheckBox控件实际上输出的不仅仅是一个复选框输入。

例如,我的代码输出

<span class="CheckBoxStyle">
    <input id="ctl00_cphContent_cbCheckBox" 
           name="ctl00$cphContent$cbCheckBox"
           type="checkbox">
</span>

其中CheckBoxStyle是应用于控件的CssClass属性的值,而cbCheckBox是控件的ID。

要设置输入的样式,我们需要编写CSS来定位

span.CheckBox input {
  /* Styles here */
}

我认为使CheckBox看起来与众不同的最佳方法是根本不使用复选框控件。在超链接或者图像元素的顶部,最好将自己的图像用于已检查/未检查状态。干杯。

除了使用一些非标准控件外,我们应该做的是在事后使用不引人注目的JavaScript来执行此操作。有关示例,请参见http://code.google.com/p/jquery-checkbox/。

使用标准ASP复选框可简化代码编写。我们不必编写自己的用户控件,也不必更新所有现有的代码/页面。

更重要的是,它是所有浏览器都可以识别的标准HTML控件。所有用户都可以访问它,如果没有javascript,它们也可以工作。例如,盲人的屏幕阅读器将能够将其理解为复选框控件,而不仅仅是带有链接的图像。

最简单的最佳方法是将ASP复选框控件与自定义设计一起使用。

chkOrder.InputAttributes["class"] = "fancyCssClass";

我们可以使用类似的东西..希望能有所帮助

为什么不将Asp.net CheckBox按钮与Ajax控件工具包中的ToggleButtonExtender一起使用。