自定義按鈕樣式

2022-08-05 12:30:18 字數 413 閱讀 2886

在一些**上經常可以看到改造過的按鈕選項比如這樣

最常見的自定義按鈕樣式,其實是用label模擬的,關於label可以在mdn進行查閱

label的for與表單的id對應,點選click對應的表單被啟用

click

通過上面的例子知道了,只要label的for屬性和表單的id對應,那麼點選label就等於點選表單

這樣我們可以通過把原本的input隱藏掉,改造label的樣式就好了,來個最簡單的實現

css

label

input

.demo:checked+label

.demo:checked+label::after

html

WPF 自定義按鈕樣式

有了wpf,一切都將變得簡單.樣式 比較多,請看附件 files lovebread buttonstyle.rar controltemplate 指定控制項的可視結構和可視行為。可以通過為控制項指定新 controltemplate 自定義該控制項的外觀。建立 controltemplate 後...

Android 自定義開關按鈕樣式

效果圖 1,定義乙個drawable shape thumb off.xml檔案,定義開關關閉時,thumb滑塊顯示的效果。1.0 encoding utf 8 xmlns android android shape rectangle android radius 50dp android hei...

自定義單選按鈕radio的樣式

如果直接對單選按鈕設定樣式,那麼這個偽類並不實用,因為沒有多少樣式能夠對單選按鈕起作用。不過,倒是可以基於單選按鈕的勾選狀態借助組合選擇符來給其他元素設定樣式。很多時候,無論是為了表單元素統一,還是為了使用者體驗良好,我們都會選擇 label 元素和 input type radio 一起使用。當元...