Shulou(Shulou.com)05/31 Report--

Most people do not understand the knowledge of this article "how to remove the default frame in WeChat Mini Programs", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to remove the default frame in WeChat Mini Programs" article.

The method to remove the default frame from button in WeChat Mini Programs is as follows:

Button {position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px;-webkit-tap-highlight-color:transparent; overflow:hidden; color:#000000; background-color:#F8F8F8;}

This is the css style that comes with button by default

Normally, to remove button, we can use the following code

Button {border:none;} or button {outline: none;}

But sometimes it doesn't work, we can use:: after pseudo-class selector, because the border style of button is achieved through:: after, if you define a border on button, there will be two borders, so we can use:: after to override the default value.

Button::after {border: none;} above is the content of this article on "how to remove the default frame of button in WeChat Mini Programs". I believe everyone has a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.