WeChatウィジェットbutonデフォルトスタイルをクリア
499 ワード
多くのパートナーは、ウィジェットを開発する際にウィジェットButtonのデフォルトスタイルに悩まされると信じています.スタイルをリセットする際には、何度も設定する必要があります.
ここでは、開発中の小さな方法を共有します.
CSS all略記属性は、
そしてall属性に初期値はありません
MDN例添付https://developer.mozilla.org/zh-CN/docs/Web/CSS/all
初期化が完了するとbuttonは行内の要素で、幅を設定する必要があるときはブロックレベルの要素に変更してください.そうしないと幅は無効ですよ.
気持ちがいいかな、へへへ
ここでは、開発中の小さな方法を共有します.
CSS all略記属性は、
unicode-bidi
とdirection
を除くすべての属性をその初期値にリセットするか、値を継承します.そしてall属性に初期値はありません
MDN例添付https://developer.mozilla.org/zh-CN/docs/Web/CSS/all
button{
all:initial;
}
初期化が完了するとbuttonは行内の要素で、幅を設定する必要があるときはブロックレベルの要素に変更してください.そうしないと幅は無効ですよ.
気持ちがいいかな、へへへ