2011-02-24 55 views
0

是否有一种简单的方法在选择框的第一行旁边添加一个样式化的小文本行?选择框中第一行旁边的文本行?

例如:

box

我使用如下代码:

<select name="textarea" size="10" multiple="multiple" id="textarea"> 
    <option>something</option> 
    <option>something else</option> 
    <option>another thing</option> 
    </select> 

文本只会永远需要,并显示出什么都数据是第一线。如果你能帮到那将是辉煌的!

+0

“第一行”是否会与“第一个选项”有所不同? – sdleihssirhc

+0

是的,因为我已经在使用将选定选项移动到列表顶部的脚本。 – David

回答

3

option元素不允许嵌套其他html元素,所以您将无法更改字符串部分的样式。当然,你可以使用一个javascript“花哨的下拉”类型的脚本,它将创建一个伪选择元素,让你可以随意使用样式。但是用一个普通的旧标签select,没有骰子。

+0

无赖,感谢您的帮助克里斯。 – David

+0

有没有办法通过CSS来至少改变第一行的颜色? – David

+0

您可以随时将内联CSS或类添加为一个或多个OPTION标签作为整体。看看这个示例:http://jsfiddle.net/bGpdb/从那里,你可能能够使用一些像'first-letter'这样的CSS3伪选择器,但这些不一定是跨浏览器的,它们可能无法满足您的需求,因为您无法在特定的风格中找到合适的位置。 –

相关问题