2012-06-09 30 views
1

我想在文本的左侧做一个箭头显示,但我无法弄清楚如何格式化它使其工作。如何正确格式化RadComboBox

而且我的印记,弥补了RAD框如下:

<telerik:RadComboBox ID="optionsp" runat="server" HighlightTemplatedItem="true"> 
    <ItemTemplate> 
      <img src="../../../Themes/Images/icons/myimage.gif" /> 
      <div style="text-align: left; padding-left: 5px"> 
       <asp:Label runat="server" ID="Label1" Text='<%# Eval("Name") %>' > 
       </asp:Label> 
       </div> 
    </ItemTemplate> 
    </telerik:RadComboBox> 

回答

1

尝试用这种(对IMG和DIV添加float: left

<telerik:RadComboBox ID="optionsp" runat="server" HighlightTemplatedItem="true"> 
    <ItemTemplate> 
      <img src="../../../Themes/Images/icons/arrow2.gif" style="float: left" /> 
      <div style="text-align: left; padding-left: 5px; float: left"> 
       <asp:Label runat="server" ID="Label1" Text='<%# Eval("Name") %>' > 
       </asp:Label> 
      </div> 
    </ItemTemplate> 
</telerik:RadComboBox> 

作为一个侧面说明,避免内联样式定义。尽可能地,你应该将它们移动到一个css文件

+0

哇,太棒了,最后一个问题..当我添加这个itemTemplate悬停不工作了,我该如何定义悬停在该div? – user710502

+0

@ user710502:是的,你需要为div添加一个css类,并在你的css文件中添加这样的内容'.myclass:hover {/ * my styles * /}' –