2011-08-02 45 views
1

我有一个三个struts2标签在一个表格之后。当页面呈现时,s:select标签会自动转换为底部显示的html。样式多重s:选择下拉列表以显示内嵌

现在的问题是,我试图在窗体中显示这些下拉列表中的水平线。但有了这段代码,我无法设置任何元素的id或类。他们都得到自动生成ID,我只能在选择本身上设置cssClass,而不是在UL或LI的

然而,我可以在表单元素本身设置一个ID。但我是一个新手在CSS所以我不能得到它的工作。所以问题是:我如何设计下面的html来显示li元素内联,当我只有访问权限来设置表单id和类时?最好标签应该在选择框上方。

哦。而且我忘了提及已经有一个CSS将所有这些元素设计在不同的事情中。 divs显示属性设置,这将打破李的显示。那么,我该如何告诉浏览器“不要在表单上通常所做的所有样式,在这种情况下只是简单地显示这些内联元素”

或者另一种解决方案,我可以切换到只使用普通的旧标签吗?如果是的话如何填充项目并设置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> 

回答

2

可以使用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*/ 
} 
+0

哈哈。血腥地狱!你是个天才!我已经为数十行和数十行创建了各种奇怪的CSS,并且您创建了这块魔法,它的功能就像一个魅力! :) – user829237