免責事項：この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
最近、結局、プログラムの開発プロセスに単一の大きなマイクロチャネルを小さなピットをたくさん遭遇した、と彼の家族のテンセントの顧客サービスは彼女の非常に誇りに思っている、私はないTucaoを行い、うまくを通してプレーしなかったことはありません。
ここでは、顧客サービス機能を実現するための小さなプログラムは非常にシンプルさだが、その内蔵のスタイルは、人々は非常に不快にします。
<contact-button class='' type="default-light" size="27" session-from="webapp">客服</contact-button>
効果のようにフレーズを追加するには上記のコード行は、表示され、私は開発者ツールを使用し、ため会話を入力して実機でデバッグすることが必要で、すでに成功を収めています、
しかし、これは、私は非常に不快に感じるものを、と自動的に人々のデフォルトのスタイルアイコンです。
そして、自分を変え、私はまた、変更のドキュメントを確認し、オンライン情報を探しています
<button class='kefubtn cu-btn content' open-type="contact"><text class='text-grey'>联系作者</text></button>.kefubtn{
border: none;
background-color: #fff;
border-radius:0;
}
button::after {
border: none;
}
使用し::after て、擬似クラスセレクタを理由境界線スタイルボタン::afterの境界線が2つの境界線ボタンに定義されている場合、方法は、我々が使用することができます表示された::afterデフォルトを上書きする方法を。
その後、カスタムボタンのスタイルと全体的なスタイルで、あなたは一貫しているとすれば完了です。
この機能は、技術的に困難で、何も、実際には、ボタンが付属して、元の顧客サービスでも使用することができ、つまり、および全体的なスタイルを取ることはありませんが存在しない、達成されました。