여러 스타일 지정 : 드롭 다운을 선택하여 인라인 표시

Question

서로 struts2 태그가 3 개인 양식이 있습니다. 페이지가 렌더링되면 s : select 태그가 자동으로 하단에 표시된 html로 변환됩니다.

이제 문제는 제가 horisontal 라인에서 이러한 드롭 다운을 표시하기 위해 양식의 스타일을 지정하려고한다는 것입니다. 그러나이 코드를 사용하여 id 또는 요소 중 하나의 클래스를 설정할 수 없습니다. 그들은 모두 자동 생성 된 ID를 얻고 나는 ul이나 li이 아닌 select 자체에만 cssClass를 설정할 수 있습니다.

그러나 양식 요소 자체에 ID를 설정할 수 있습니다. 하지만 나는 css에서 초보자이기 때문에 일할 수 없었다. 그래서 질문은 : 어떻게 양식 ID와 클래스를 설정할 수있는 액세스 권한이있을 때 li 요소를 표시하려면 다음 HTML 스타일을 지정할 수 있습니까? 레이블은 선택 상자 위에 있어야합니다.

오. 그리고 나는 이미 다른 문제의 모든 요소를 ​​스타일링하는 CSS가 있음을 언급하는 것을 잊었습니다. div에는 표시 속성이 설정되어있어 li의 표시가 깨집니다. 그렇다면 브라우저에 "평소에 양식에서하는 모든 것을 생각하지 마십시오.이 경우 단순히이 요소를 인라인으로 표시하면됩니다"

또는 다른 해결책으로 일반 오래된 태그를 사용하도록 전환 할 수 있습니까? 그리고 만약 그렇다면 항목을 채우고 displayvalue와 id 값을 어떻게 설정합니까?

 <ul> 
     <li> 
      <div id="xxxx"> 
       <label>Somelabel</label> 
      </div> 
      <div id="ssdf"> 
       <select id="sfsd" name="xx" class="this i can control"> 
        <option>1</option> 
        <option>2</option> 
       </select> 
      </div> 
     </li> 
     <li>Second dropdown etc</li> 
    </ul> 

Answer 1

당신은 하하 descendant selector ^{W3C docs}

#formid ul{ 
    overflow:hidden; /* to autosize height based on contents*/ 
} 

#formid li{ 
    float: left; /* but you need to make sure that all li elements to not have a combined width larger than the ul containing them*/ 
}