CSS问题:Chrome默认的选择框样式如何去除?

html-css014

CSS问题:Chrome默认的选择框样式如何去除?,第1张

<a href=”#” onfocus=”this.blur()”>this blur</a>

上面是兼容最好的,各个浏览器

a:focus {outline:none}或

a{outline:none}

上面CSS形式的,貌似有些浏览器不太理想

问题分析:首先你不了解选择符之间的关系,新手常犯的错就是弄不清之间的关系,明明设置了不起作用

案例解析:这里面用到了,关系选择符的(包含选择符-.triangle div span)还有组选择符(.triangle div span:first-child,.triangle div span:last-child)

问题解答:1,你给.triangle div span默认设置了一个颜色,然后用伪类设置了两个元素。

我理解的是,你以为前面已经设置了,后面就可以不写了

1、组选择符,每个都是单独的,前面并不会继承。

2、如果你不给.triangle div span设置默认颜色是好使的,或者是直接给span颜色

3、*重点:选择符指向的越精确,他就会听谁的,就是指名道姓说谁呢就听谁的,

如果你这样这样设置html body .triangle div span:last-child,这个肯定是最高的,还有一种就是强制某个属性,span:last-child {background-color:lightcoral!important}

!important(重要的)属性后面加这个,级别高于所有选择符,但是不推荐,如果其他设置,必须更针对性,然后在加这个。

有用记得点赞o( ̄▽ ̄)d