如何正确格式化 RadComboBox答案

【问题标题】：How to format the RadComboBox properly如何正确格式化 RadComboBox
【发布时间】：2012-06-13 11:29:08
【问题描述】：

我正在尝试在文本左侧显示一个箭头，但我不知道如何格式化它以使其正常工作。

我对 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>

【问题讨论】：

标签： c# asp.net css styles 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 文件中。

【讨论】：

哇，太好了，最后一个问题.. 当我添加这个 itemTemplate 时，悬停不再起作用，我如何在该 div 上定义悬停？
@user710502：是的，您需要为 div 添加一个 css 类，并在您的 css 文件中添加类似的内容.myclass:hover { /* my styles */}