Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 设置选项标记的样式_Java_Css_Drop Down Menu - Fatal编程技术网

Java 设置选项标记的样式

Java 设置选项标记的样式,java,css,drop-down-menu,Java,Css,Drop Down Menu,我有一个包含选项的下拉列表。我想部分中断&加粗一些文本以及插入上下文中断。我试着使用CSS和HTML标签,但我无法得到它。有人能提出一个解决方案吗? 提前感谢我知道这个问题有点老了(至少不是新的),但我想展示一个非常简单的方法来模拟一个select元素,而不是使用中建议的“替换插件” 可能有很多很多方法可以做到这一点,但我尽量让事情非常简单,所以我的模拟方法只使用CSS。这是相当简单的,但我想指出,这不是一件复杂的事情,所以您可能不需要插件来完成它 注1:我使用了而不是。由于是一个交互元素,因此

我有一个包含选项的下拉列表。我想部分中断&加粗一些文本以及插入上下文中断。我试着使用CSS和HTML标签,但我无法得到它。有人能提出一个解决方案吗?
提前感谢

我知道这个问题有点老了(至少不是新的),但我想展示一个非常简单的方法来模拟一个select元素,而不是使用中建议的“替换插件”

可能有很多很多方法可以做到这一点,但我尽量让事情非常简单,所以我的模拟方法只使用CSS。这是相当简单的,但我想指出,这不是一件复杂的事情,所以您可能不需要插件来完成它

注1:我使用了
而不是
。由于
是一个交互元素,因此将一些交互元素(如
)放入其中可能会把它搞砸。无论如何,选项通常都是非交互式的,但请注意,这种简单的模拟并不能完成所有工作

注2:如果您希望能够选择多个选项,只需搜索“收音机”并替换为“复选框”


input[type=“radio”]{
显示:无;
}
输入[type=“radio”]:选中+标签{
背景色:黑色;
颜色:28AADC;
}
/*无功能样式。只是常规款式*/
.无线电选择{
背景色:#28AADC;
显示:内联块;
}

选择1
选择2
选择3

是否有任何方法可以使这些选项在其下方的元素之上流动。当前,如果在此div下添加了内容,则div会根据下拉列表是否打开而上下移动closed@Frank下面是一个忽略“选项”大小的JSFIDLE。我刚刚添加了一个带有
位置的容器:relative并用
位置设置收音机选择:绝对