-
如何实现在select option中加入背景图片10
在网上找到一个实现，但只在FF下有效，各位有没有什么办法使它在IE中有效？
<style type="text/css">
option.imagebacked {
padding: 2px 0 2px 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
vertical-align: middle;
}
</style>
<select name="issuetype" id="issuetype">
<option value="1" class="imagebacked" style="background-image: url(1.gif);" selected>
Bug
</option>
<option value="2" class="imagebacked" style="background-image: url(2.gif);">
New Feature
</option>
<option value="3" class="imagebacked" style="background-image: url(1.gif);">
Task
</option>
<option value="4" class="imagebacked" style="background-image: url(2.gif);">
Improvement
</option>
</select>
2009年4月21日 16:17
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
一篇新闻：
http://www.iteye.com/news/6985-24-beautiful-personalized-html-forms-technology
希望你能找到答案2009年4月21日 17:01
相关推荐
有许多现成的JavaScript库和插件，如`Chosen`、`Select2`、`Optgroup`等，它们扩展了`select`元素的功能，支持在选项中添加图片。这些插件通常提供了丰富的API和自定义选项，可以方便地与现有的项目集成。 3. **...
在 `custom.css` 中，我们可以为下拉框添加样式，比如宽度、边框、背景色等，还可以为搜索框添加样式： ```css #searchable-select { width: 100%; box-sizing: border-box; padding: 5px; } .search-...
在`css`文件中，你可能会看到对`.custom-select`、`.dropdown-menu`、`.optgroup`和`.option`等类的定义，用来设置背景色、边框、字体、间距等样式。`js`文件则可能包含处理点击事件、显示和隐藏下拉菜单、处理选中...
在本文中，我们将深入探讨如何实现一个`select`多选插件。`select`元素是HTML中的一个基础组件，用于创建下拉菜单供用户选择。然而，原生的`select`元素并不支持多选功能，这使得在需要用户可以选择多个选项的场景下...
在网页设计中，表单元素是必不可少的一部分，而Select下拉选择框作为常见的交互元素，其默认样式在不同浏览器间存在差异，且通常显得较为简陋。为了提供更好的用户体验和符合整体界面设计风格，我们可以使用CSS来对...
在网页开发中，`<select>`元素通常用于创建下拉菜单，它允许用户从一系列预定义的选项中选择一个或多个。当我们希望实现多选功能时，就需要利用`<select>`的一些特定属性和方法。本篇文章将深入探讨如何在HTML、CSS...
但是，这次要实现select与别的选项框联动，也就是要动态添加option数据。查阅了很多资料，终于搞定。下面就分享一下，如何利用jQuery和Ajax实现select动态添加数据。 2.本文代码实现的是车辆型号根据车辆品牌联动...
我们可以设置`select`元素的宽度、高度、边框、背景色等属性，以及`option`元素的字体、颜色等，实现视觉效果的提升。例如： ```css select { width: 200px; height: 35px; border: 1px solid #ccc; border-...
在网页开发中，`select`元素常常用于创建下拉选择框，它允许用户从一系列预定义的选项中进行选择。然而，在中文环境下，确保`select`下拉查询能正确显示和处理中文字符是一项重要的任务。本篇文章将深入探讨如何实现...
首先，要实现`select`下拉框的多选功能，我们需要在`<select>`标签中添加一个`multiple`属性。这个属性告诉浏览器用户可以选取多个值。下面是一个基本的多选`select`下拉框的HTML结构示例： ```html <select ...
在styles.css中，我们可以定义`.custom-select`的样式，包括字体、颜色、背景色、边框等。例如： ```css .custom-select { width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; box...
在这个实现中，当用户在`<input>`中输入文本时，JavaScript会遍历`<select>`的选项并找到匹配的文本。如果用户按下回车键，JavaScript会模拟一个`<select>`的改变事件，这样可以触发任何与`<select>`改变相关的事件...
在Web开发中，Select元素是常用的数据选择控件，但其默认样式通常较为单一，无法满足设计师们对界面美观度的需求。jQuery库为我们提供了丰富的功能扩展，其中就包括了对Select元素的样式定制。这里我们要探讨的是一...
在网页设计中，有时我们可能需要自定义样式或者在不支持`<select>`标签的环境中实现下拉选择框的功能。这时，我们可以利用HTML的`<ul>`和`<li>`标签来模拟`<select>`的选择效果。这种方法允许我们更自由地控制元素的...
在这个整理的实例中，"select自定义框.txt"可能包含了作者对于自定义`select`实现的代码示例或者详细步骤。你可以通过阅读这个文本文件来获取具体的实现细节。作者欢迎他人转载使用，只需支付一分鼓励，这体现了开源...
一个基本的`<select>`元素包括一个`<option>`元素列表，用户可以在这些选项中进行选择： ```html <select> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option ...
2. **js** - 这个目录很可能包含了JavaScript代码，用于实现下拉列表中图片的动态加载和交互功能。可能包含了一个或多个.js文件，这些文件通过事件监听、DOM操作等技术，实现了在用户操作下拉列表时，图片的显示和...
在本项目"select自定义下拉组合框"中，我们着重关注如何通过自定义方式来增强`select`元素的功能，使其更加灵活和个性化，同时支持添加、删除等操作。下面我们将深入探讨这一主题。 首先，`select`元素的基本结构...
在网页设计中，`<select>`元素用于创建下拉选择框，它提供了用户从一系列预设选项中进行选择的功能。然而，浏览器默认的`<select>`样式通常不符合设计师的美观需求，因此，如何自定义select下拉选择框的样式成为了一...