使用css元素後的輸入按鈕

-1

我用css使用after元素創建了一個滑動按鈕。使用css元素後的輸入按鈕

我遇到的問題是我的「輸入」按鈕似乎沒有使用：after元素，它們不像我的普通按鈕那樣滑動。

<input type="submit" value="<?php echo $button_login; ?>" class="btn btn-primary" />

有沒有什麼辦法可以使用：after元素或有什麼可能的解決方法？

編輯：在這裏添加更多的信息是按鈕的CSS。

.btn-cart { 
    color: #3498db; 
} 
.btn-cart:hover, 
.btn-cart:focus, 
.btn-cart:active { 
    background: none; 
    border-color: transparent; 
} 
.btn-cart:hover:after, 
.btn-cart:focus:after, 
.btn-cart:active:after { 
    width: 100%; 
} 
.btn-cart:after { 
    background: #3498db; 
} 
input.btn-cart:hover, 
button.btn-cart:hover, 
input.btn-cart:focus, 
button.btn-cart:focus, 
input.btn-cart:active, 
button.btn-cart:active { 
    background: #3498db; 
}

我已經試過::之後，但不工作:(

的按鈕不會在任何瀏覽器上滑動，因爲：元素後不工作在任何輸入按鈕

任何幫助將非常感激:)

感謝，理查德

來源

2015-11-24 gringo211985

請提供更多信息，例如您嘗試使用的css代碼。至少看到引用的類是有幫助的。您還測試了哪些瀏覽器，每個瀏覽器的結果如何。你有沒有試過2個冒號的CSS3語法？（::之後） – aantiix

嘿，對不起（這裏是一個菜鳥）我在我的問題中寫了「」，它被隱藏了，這就是爲什麼它沒有意義，我沒有意識到它是隱藏的。問題只在於輸入類型按鈕，滑動功能只對輸入有效。 – gringo211985

我找到了解決自己。這適用於我的輸入按鈕，我將我的原始代碼中的「輸入」更改爲「按鈕」，並添加了「登錄」一詞。請參閱下面的工作代碼，

<p><button type="submit" value="<?php echo $button_login; ?>" class="btn btn-primary">Login</button></p>

來源

2015-11-24 23:40:46 gringo211985

使用css元素後的輸入按鈕

回答

相關問題