2013-02-19 1 views
0

HTML에서 ie8의 라벨에 테두리를 설정하는 방법은 무엇입니까?ie8의 라벨 테두리를 설정하는 방법은 무엇입니까?

<div id="childDivId" style="width: 28em; color: gray; font-family: Calibri; 
font-size: 2em; font-weight: bold; padding-top: 27.5em; padding-left: 2em; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/* for ie8 */"> 

    <label id="savedDataLbl" style="cursor: pointer;" onclick="setSavedData()"> 
    Saved Data 
    </label> 
    | 
    <label id="searchResultsLbl" style="cursor: pointer" onclick="setSearchResults()">   
    Search Results 
    </label> 
</div> 

jQuery를 사용하지 않습니다. 당신이 label 요소에 테두리를 추가하는 방법에 대해 이야기하는 경우

+0

'라벨'요소가 이상하게 사용되었습니다. 명세에 따르면, 폼 컨트롤을위한 레이블이어야하며 컨트롤 자체가 아닙니다. –

답변

0

, 당신은 CSS와 그 작업을 수행 할 수 있습니다

label { 
    border: 1px solid #ccc; 
} 
+0

안녕 Zak, 나는 이것을 이미 시도했다. 그것은 ie8에서 작동하지 않습니다. –

+0

작업중인 사이트에 대한 링크를 게시 할 수 있습니까? – zakangelle

+0

죄송합니다. 아직 주 사이트에서 호스팅되지 않았습니다. 나는 로컬에서 노력하고있어. 사실, 두 개의 선택된 레이블에 테두리를 설정하려고합니다. –

0

이 시도 :

<label id="savedDataLbl" style="cursor: pointer; border: 1px solid red;" onclick="setSavedData()"> 

은 또한 당신의 사업부에 일부 padding-bottom를 추가합니다.

IE8에서 볼 수 있습니다.

관련 문제