如果你一定要用自己的样式觉得美观,你可以这样做:
自己做一张图片,左半边是单选按钮选中的样子,右半边是没选中的样子,利用js和css,只显示其中一半,当被点击时切换到另一半。
li自身圆点的颜色是修改不了的,你不想要那个圆点的话,可以通过以下几种方式来解决。1.将圆点去掉,li{ list-style:none};然后用color:#ff0000设置字体的颜色。<li>.</li>这里的点就是红色的了,你可以设置为自己喜欢的颜色,如果你要区分点和字的颜色,可以在li里面再嵌入一个标签,像这样:<li style="color:#ff0000font-size:12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的,字就是红色的了。
2.将圆点去掉,li{ list-style:none};然后将那个点做成图片,然后嵌入li中。:<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦,不懂的再hi我
HTML button按钮的边框样式与颜色都是可以修改的,用基本的HTML语法难以设计出美轮美奂的按钮风格,透过CSS却可以很容易的办到,在本篇HTML button按钮边框样式与颜色的修改介绍中,我们将会用到CSS border属性其中的边框样式(border-style)以及边框颜色(border-color)来制做,当然按钮本身的宽度(width)与高度(height)也必须搭配使用,无论是button还是submit按钮都可以用这样的技巧,但不同的浏览器可能会有一点点小小的差异,这跟浏览器本身有关系,设计按钮的css效果时,通常要多用几个浏览器测试。
范例一、HTML button按钮边框样式与颜色
呈现结果
范例二延续范例一的程式码,增加了background-color 的属性,替按钮增加背景颜色,这里为了让范例比较简洁一点,所以背景颜色都是用粉红色(pink)呈现,你也可以自己修改为其他不同的背景颜色。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)