CSS的onclick活動類不工作

-1

http://jusurubak.azurewebsites.net/www/EnrollmentMethod.aspx CSS的onclick活動類不工作

我想有選擇的時候按鈕留紅......徘徊時會變成紅色。我添加了一個活躍的類到CSS，但它不會在選擇時保持紅色。請參閱下面的按鈕的CSS：

.btn-red-lg { 
display: block; 
background-color: #666666; 
color: white; 
padding: 30px 30px; 
margin: 20px auto; 
border-radius: 12px; 
text-align: center; 
-o-transition: background-color .5s; 
-moz-transition: background-color .5s; 
-webkit-transition: background-color .5s; 
transition: background-color .5s; 
font-size: 14px; 
} 

.btn-red-lg:hover { 
background-color: #cc0033; 
} 

.btn-red-lg:active { 
background-color: #cc0033; 
} 

.active:active { 
color: #cc0033;; 
} 
.focus:focus { 
color: #cc0033; 
} 
:target { 
color: #cc0033; 
} 

.btn-red-lg h3, .btn-red-lg p { 
color: white; 
line-height: 1.3em; 
} 

.btn-red-lg h3 { 
text-transform: uppercase; 
font-size: 25px; 
font-weight: normal; 
margin-bottom: 6px; 
}

來源

2015-11-20 Tommy Jaramillo

發佈指向任意HTML的鏈接是沒用的。請閱讀[問]和[mcve]。添加相應的HTML。什麼元素類型是'.btn-red-lg'？ –

使用JavaScript，以獲得最佳和最簡單的結果。例如：https://jsfiddle.net/stzvebcq/4/

HTML

<button class="button">button</button> 
<div class="button">div</div> 
<a href="#" class="button">link</a>

CSS

.clicked{ 
    background-color:red; 
}

$(".button").on("click",function(){ 
    $(this).addClass("clicked"); 
});

此示例使用jQuery庫。

來源

2015-11-20 01:19:55 godzsa

-1

所以要澄清，你是否試圖讓按鈕在被點擊後保持紅色？如果是這樣，嘗試將「訪問」類：

.btn-red-lg:visited { 
background-color: #cc0033; 
}

您可以瞭解鏈接僞類這裏一些更多的信息：http://www.w3schools.com/css/css_pseudo_classes.asp

來源

2015-11-20 00:58:29 bogan27

這是爲什麼被投票？ – bogan27

這是隻與鏈接，而不是按鈕作爲OP問：https：//jsfiddle.net/stzvebcq/1/ – godzsa

這是要應用這些類到一個真正的HTML按鈕？只有當用戶點擊按鈕並且沒有放開點擊時，pseduo-class纔會被激活。也許:focus就是你要找的東西，因爲即使用戶放開了鼠標，直到用戶點擊，按鈕的背景也會變爲紅色。

來源

2015-11-20 00:58:55 John

啊謝謝焦點工作我忘了添加.btn-red-lg：焦點{ background-color：＃ CC0033; } –

@TommyJaramillo當用戶點擊任何地方，當按鈕失去焦點時，它也不會保持紅色：https://jsfiddle.net/stzvebcq/2/我會用JS來做這件事。 – godzsa

如果用戶在第二個按鈕的右邊選擇另一個按鈕「是」，它會變回灰色：https：//jusuru.com/www/EnrollmentMethod。aspx –

因爲您沒有提供清晰簡潔的問題，所以不可能知道您的問題實際是什麼。你應該編輯你的問題來提供一個簡單的例子。，

$(".btn-red-lg").click(function() { 
    $(this).addClass("active"); 
});

所以，雖然你沒有給所有必要就知道肯定的代碼，它看起來像你：

我懷疑你目前正在使用jQuery或這樣修改類的元素應編輯「主動」的風格不包括修改：

.active { 
color: #cc0033;; 
}

我懷疑，無論你與「專注」類做需要修改過：

.focus { 
color: #cc0033; 
}

來源

2015-11-20 07:17:04 cmroanirgo

CSS的onclick活動類不工作

回答

相關問題