Подтвердить что ты не робот

Применение стилей к ListItems в CheckBoxList

Как стили могут применяться к ListBoxList ListItems. В отличие от других элементов управления, таких как Repeater, где вы можете указать <ItemStyle>, вы не можете указать стиль для каждого отдельного элемента управления.

Есть ли какая-то работа?

4b9b3361

Ответ 1

Вы можете добавить атрибуты в ListItems программно следующим образом.

Скажем, у вас есть CheckBoxList, и вы добавляете ListItems. Вы можете добавить Атрибуты на этом пути.

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

Это приведет к красному цвету текста списка. Экспериментируйте и получайте удовольствие.

Ответ 2

Кажется, лучший способ сделать это - создать новый CssClass. ASP.NET переводит CheckBoxList в структуру таблицы.

Используя что-то вроде

style.css

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

Page.aspx

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

выполнит трюк

Ответ 3

В дополнение к Эндрю ответ...

В зависимости от того, какие другие атрибуты вы помещаете в CheckBoxList или RadioButtonList или что-то еще, ASP.Net будет отображать результаты с использованием разных структур. Например, если вы установите RepeatLayout="Flow", он не будет отображаться как ТАБЛИЦА, поэтому вам нужно быть осторожным с тем, какие селектора-потомки вы используете в своем файле CSS.

В большинстве случаев вы можете просто сделать "Просмотр источника" на вашей отображаемой странице, возможно, в нескольких разных браузерах, и выяснить, что делает ASP.Net. Однако существует опасность того, что новые версии элементов управления сервером или разных браузеров будут отображаться по-разному.

Если вы хотите по-разному стилизовать конкретный элемент списка или набор элементов списка без добавления атрибутов в коде, вы можете использовать селекторы атрибутов CSS. Единственным недостатком этого является то, что они не поддерживаются в IE6. jQuery полностью поддерживает селектор атрибутов стиля CSS 3, поэтому вы, вероятно, также можете использовать его для более широкой поддержки браузеров.

Ответ 4

Вы также можете достичь этого в разметке.

<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" />

Слово Style будет подчеркнуто с предупреждением о том, что атрибут "стиль" не является допустимым атрибутом элемента "ListItem"., но элементы форматируются по желанию в любом случае.

Ответ 5

public bool Repeater_Bind()
{
    RadioButtonList objRadioButton = (RadioButtonList)eventArgs.Item.FindControl("rbList");
    if (curQuestionInfo.CorrectAnswer != -1) {
        objRadioButton.Items[curQuestionInfo.CorrectAnswer].Attributes.Add("Style", "color: #b4fbb1;");
    }
}

Ответ 6

У вас могут быть разные стили и цвет шрифта для каждого слова.

<asp:ListItem Text="Other (<span style=font-weight:bold;>please </span><span>style=color:Red;font-weight:bold;>specify</span>):" Value="10"></asp:ListItem>