스타일을 적용하 ListItems 에 CheckBoxList

StackOverflow https://stackoverflow.com/questions/104458

문제

어떻게 스타일에 적용될 CheckBoxList ListItems.과 달리 다른 컨트롤러로 반복기를 지정할 수 있는 <ItemStyle>, 할 수 있습지 스타일을 지정할 수 각 개인이 제어합니다.

은 거기에 몇 가지 종류의 작업?

도움이 되었습니까?

해결책

특성을 추가할 수 있습 ListItems 프로그래밍 방식으로 다음과 같습니다.

말 당신 CheckBoxList 을 추가하고 있 ListItems.당신이 속성을 추가 할 수 있습니다 따라 방법입니다.

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

이것은 컬러의 listitem 텍스트에 빨간색입니다.실험하고 재미 있습니다.

다른 팁

그것은 작업을 수행하는 가장 좋은 방법이를 만들어 새로운 가져오거나 설.ASP.NET 변환 CheckBoxList 테이블로 구조입니다.

같은 것을 사용하는

스타일입니다.css

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

페이지입니다.aspx

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

트릭을 할 것입니다

외에도 앤드류의 정답...

에 따라 어떤 다른 특성에 넣 CheckBoxList 나 RadioButtonList, 또 무엇이든,ASP.Net 렌더링을 사용하여 출력에 다른 구조물입니다.예를 들어,설정하는 경우 RepeatLayout="Flow", 렌더링되지 않습으로 테이블,그래서 당신은 조심해야의 어떤 하위 항목을 선택기에서 사용하는 CSS 파일입니다.

에 가 경우에,당신은 수 있습니다 그냥"보기"소스에서 렌더링되는 페이지 어쩌면에 몇 가지 다른 브라우저의,그리고 무엇 ASP.Net 이 하고 있습니다.위험이 있지만,새로운 버전 서버의 통제 또는 다른 브라우저것을 렌더링합니다.

면 스타일 당신이 원하는 특정 목록 항목에 설정 또는 목록 항목의는 다르게 추가하지 않고 특성에 코드에서 뒤에 사용할 수 있습니다 CSS 속성 선택자.의 유일한 단점은 그리고 그들이에서 지원되지 않습 IE6. jQuery 완벽하게 지원 CSS3 스타일 특성을 선택,그래서 당신은 아마도 사용을 위해 더 넓은 브라우저 지원합니다.

를 얻을 수도 있습니다 이에서 마크업이 있습니다.

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

이 단어는 스타일이 될 것입니다 밑으로는 경고 특성'스타일'이 유효한 특성의 요소'ListItem'., 지만,항목은 형식으로 원하는 어쨌든.

당신도 수 있습니다 다른 글꼴 스타일과 색상을 위해 각각의 단어입니다. 

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

public bool Repeater_Bind()
{
    RadioButtonList objRadioButton = (RadioButtonList)eventArgs.Item.FindControl("rbList");
    if (curQuestionInfo.CorrectAnswer != -1) {
        objRadioButton.Items[curQuestionInfo.CorrectAnswer].Attributes.Add("Style", "color: #b4fbb1;");
    }
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top