在火狐中button標籤與a標籤衝突事件

2022-06-24 15:39:14 字數 562 閱讀 3876

當我們在button中新增乙個a標籤時,點選button不會點選a,也就是說,button將a覆蓋了。

但是在谷歌裡面不會覆蓋

解決方法一:

<

button

id="btn"

onclick

="a.click();"

>

<

a id

="a"

href

=""value

="">按鈕

a>

button

>

這樣就彌補了火狐的不足,也彌補了空白部分不反應的現象

我們在style中新增字型顏色即可以避免鏈結難看的原樣式

方法二

<

a type

="button"

class

="btn btn-primary"

href

=""style

="color: white;"

>button

a>

感覺這種方法雖然粗暴了一些,但是很實用

A標籤的disabled在火狐中失效問題

通常情況下,我們用a標籤來模擬button,因為a標籤有著比button先天的優勢hover偽類 ie6非a標籤是不支援hover屬性的 但是當我們想用通過常用的disabled true屬性來到達經驗目的時候,發現在火狐中還是有效的,僅僅變了顏色而已。通過測試,我們發現,我們可以通過以下 來模擬實...

在Dialog中button與回車鍵

1,如果該dialog中,某個button擁有focus,則敲回車鍵時會響應該按鈕 注 button擁有focus的方法 a 使用tab鍵切換到某按鈕 b 在建立dialog時設定tab order,把某一button的tab順序設為1,則該dialog初始時,這個button擁有focus 開啟資...

在Dialog中button與回車鍵

1,如果該dialog中,某個button擁有focus,則敲回車鍵時會響應該按鈕 注 button擁有focus的方法 a 使用tab鍵切換到某按鈕 b 在建立dialog時設定tab order,把某一button的tab順序設為1,則該dialog初始時,這個button擁有focus 開啟資...