小程序button默认样式透彻理解

微信小程序有一个默认样式,特别是有一个外边框,虽然看起来不别扭,但是自己每次设置border:0;都不生效,写成内联的样式也不生效,后来才知道里面的边框是伪元素的边框,这里的伪元素可以理解为用css动态添加的元素,也就是说这button里面有一个元素,宽高100%;有点圆角,(另外伪元素默认是内联的,所以要设置宽高还要设置display:block,将内联元素转为块元素。)

::before   在前面创建一个虚拟元素

::after      在后面创建一个虚拟元素

所以content是必填项

猜你喜欢

转载自www.cnblogs.com/Juaoie/p/10243652.html
今日推荐