Aplicar Estilos A ListItems en CheckBoxList

Cómo se pueden aplicar los estilos a los ListItems de CheckBoxList. A diferencia de otros controles, como el Repetidor donde puede especificar <ItemStyle>, parece que no puede especificar un estilo para cada control individual.

¿Hay algún tipo de trabajo?

Author: Jon Adams, 2008-09-19
Source

6 answers

Puede agregar atributos a ListItems mediante programación de la siguiente manera.

Digamos que tienes una CheckBoxList y estás agregando ListItems. Puede agregar atributos en el camino.

ListItem li = new ListItem("Richard Byrd", "11");
li.Selected = false;
li.Attributes.Add("Style", "color: red;");
CheckBoxList1.Items.Add(li);

Esto hará que el color del texto listitem sea rojo. Experimenta y diviértete.

 23
Author: Cyberherbalist,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-09-19 19:03:40

Parece que la mejor manera de hacer esto es crear una nueva CssClass. ASP.NET traduce CheckBoxList en una estructura de tabla.

Usando algo como

Estilo.css 

.chkboxlist td 
{
    font-size:x-large;
}

Página.aspx 

<asp:CheckBoxList ID="chkboxlist1" runat="server" CssClass="chkboxlist" />

Hará el truco

 13
Author: Andrew Burgess,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2008-09-19 18:52:47

También puede lograr esto en el marcado.

<asp:ListItem Text="Good" Value="True" style="background-color:green;color:white" />
<br />
<asp:ListItem Text="Bad" Value="False" style="background-color:red;color:white" />

La palabra Style se subrayará con la advertencia de que El atributo 'style' no es un atributo válido del elemento 'ListItem'., pero los elementos se formatean como se desee de todos modos.

 4
Author: Jon White,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-04-18 10:25:32

Además de la respuesta de Andrés...

Dependiendo de qué otros atributos se ponen en un CheckBoxList o RadioButtonList, o lo que sea, ASP.Net renderizará la salida usando diferentes estructuras. Por ejemplo, si establece RepeatLayout="Flow", no se renderizará como una TABLA, por lo que debe tener cuidado con los selectores descendientes que utiliza en su archivo CSS.

En la mayoría de los casos, puede simplemente hacer una "Ver fuente" en su página renderizada, tal vez en un par de navegadores diferentes, y averiguar qué ASP.Net es hacer. Sin embargo, existe el peligro de que las nuevas versiones de los controles del servidor o los diferentes navegadores los representen de manera diferente.

Si desea aplicar un estilo diferente a un elemento de lista o conjunto de elementos de lista sin agregar atributos en el código detrás, puede usar selectores de atributos CSS. El único inconveniente es que no son compatibles con IE6. jQuery es totalmente compatible con los selectores de atributos de estilo CSS 3, por lo que probablemente también podría usarlo para un mayor soporte para navegadores.

 4
Author: CMPalmer,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-06-02 13:57:01 
public bool Repeater_Bind()
{
    RadioButtonList objRadioButton = (RadioButtonList)eventArgs.Item.FindControl("rbList");
    if (curQuestionInfo.CorrectAnswer != -1) {
        objRadioButton.Items[curQuestionInfo.CorrectAnswer].Attributes.Add("Style", "color: #b4fbb1;");
    }
}
 1
Author: John,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-06-28 19:18:07

Incluso puede tener diferentes estilos de fuente y color para cada palabra. 

<asp:ListItem Text="Other (<span style=font-weight:bold;>please </span><span>style=color:Red;font-weight:bold;>specify</span>):" Value="10"></asp:ListItem>
 1
Author: user2547399,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-10-25 18:12:14