[Small number] program and the public micro-channel applet tag button to remove default style

Removing the micro-channel applet button style

Applet original button style button like this

Here Insert Picture Description
But we need a hidden button that can be clicked home places need to touch the button, so it is necessary to remove the default style button

Generally, we remove the styles are like

button{
  border:0;
  background:transparent; 
}

The effect of the implementation is such that
Here Insert Picture Description
there are still borders, so this is not enough.

Because the border style button is achieved by :: after the way, if you define a border on the button will appear two border lines, so we can use :: after

Way to override the default values.

button::after {
  border: none;
}
html removal button style

Non-small micro-channel program removal button styles, the following can be directly

button{
  border: none;
  background-color: transparent;
  outline: none;    //消除默认点击蓝色边框效果
  border: 1px solid transparent;  //自定义边框(可选)
)
Published 134 original articles · won praise 80 · views 30000 +

Guess you like

Origin blog.csdn.net/Umbrella_Um/article/details/103249040