2016-12-15 37 views
0

對於非輸入元素的元素,是否可以禁用HTML文檔的閃爍插入符號?停用對非輸入元素的脫字符號?

例如,單擊列表中的項目將插入符移動到列表項元素:

<ul> 
    <li>Cool choice 1</li> 
    <li>Cool choice 2</li> 
    <li>Cool choice 3</li> 
</ul> 

如果你有一個ul您正在使用導航,那麼你可能想他們感覺像按鈕。如果脫字符不起作用,這可能會實現。這樣的事情可能嗎?

回答

2

試試這個類

.disableCaret{ 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    -moz-user-select: none;  /* Firefox all */ 
    -ms-user-select: none;  /* IE 10+ */ 
    user-select: none;  
} 
0

你可以在你的CSS的頂部做這樣的事。這將針對不是輸入的每個元素,並將光標設置爲默認箭頭。

CSS

*:not(input) { 
    cursor: default; 
} 

那麼對於要出現點擊你可以再補充一類這樣的事。

CSS

.clickable { 
    cursor: pointer; 
} 
+0

啊,沒關係!我認爲你的意思是在徘徊時看着胡蘿蔔,而不是一直在閃爍的胡蘿蔔。這是一個瀏覽器選項。 – Octoxan

0

我猜你使用的是Firefox與選項

accessibility.browsewithcaret 

設置爲true。該選項可以在about:config中找到,也可以在名爲Always use the cursor keys to navigate within pages的高級設置中找到。 如果我猜對了,這個問題與html和css無關。