怎么修改select option样式

怎么修改select option样式,第1张

1、首先看一下没有(background-color)属性的选择下拉框的效果。

代码郑丛:

<选择>

<option>123 </ option>

<option>blue </ option>

<option>黄色</ option>

<option>红包</ option>

</选择>

2、要在选择下喊拍樱拉框中添加背景颜色,首先我们需要先编写样式样式,这样便于调用。

样式类样式代码:

<style type =“text / css”>

蓝色 {

背景色:蓝色

颜色:#FFF

red {

背景色:#E20A0A

颜贺毕色:#FFF

}

黄色 {

背景颜色:黄色

颜色:#fff

}

</样式>

3、此时,我们的选择下拉框调用样式类样式。

代码如下:

<选择>

<option>123 </ option>

<option class =“blue”>蓝色</ option>

<option class =“yellow”>黄色</ option>

<option class =“red”>红包</ option>

</选择>

4、此时,我们将背景颜色添加到选择下拉框中。如下面的效果图。

当然是可以更改的,但前提是必须放在select外标签上,option 是内部属档租性,是不能直接修改的,把<option style="color:red">volo</option>换成下面的塌游代团蠢销码即可:

<select id="optionid" style="color:blue">

<option value="1">volo</option>

<option value="2">baidu</option>

</select>

<script type="text/javascript">

document.getElementsById("optionid").style.color="red"

</script>

背景图片:

1、/etc/default/grub文件

# Set a background image for use with the ‘gfxterm’ graphical terminal. The value of this option must be a file readable by GRUB at boot time, and it must end with .png, .tga, .jpg, or .jpeg. The image will be scaled if necessary to fit the screen.

# GRUB_BACKGROUND=""

2、将背景图片放到/boot/grub下

update-grub后就自动添加消碧背景了。

字体

可以用 grub-mkfont 生成的或者从别的 grub-theme里复制。

用grub-mkfont

生成,先选择一个你喜欢的字体,可以去 /usr/share/fonts 文件夹下找,比如我选一个 

/usr/share/fonts/truetype/wqy-microhei.ttc然后:

sudo grub-mkfont -s 14 -o ~/wqy-microhei.pf2 -n wqy-microhei /usr/share/fonts/truetype/wqy-microhei.ttc

-o 用来制定输出的文件,文件名一般以 pf2 为后缀, -s 用来指定字体的大小, -n 用来制定字体的名字扒桥戚。

更多的内容可以 man grub-mkfont

注:其实宽屏显示器grub分辨率(春陵gfxmode)设置小点,如800x600,字体就显得大了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11969192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存