2015-08-19 111 views
2

查詢之後被丟棄。我不確定它爲什麼會下降?CSS時按鈕變爲ASP按鈕

問題:

當我改變<button<asp:button的CSS的一部分後不再工作。失敗代碼的一部分是#course .bottom .btn-next:after

代碼:

#course .bottom .next { 
    padding-right: 40px; 
} 
#course .bottom .btn-next { 
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px; 
} 
#course .bottom .btn-next:after { 
    left: 100%; 
    top: 50%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    border-color: rgba(255, 255, 255, 0); 
    border-left-color: #ffffff; 
    border-width: 20px; 
    margin-top: -20px; 
} 

研究例如:

Is it possible to have a :after pseudo element on a button?(涉及到html不.NET按鈕)

+0

到底是什麼問題嗎? – Izzy

+0

編輯:當我將html按鈕更改爲ASP按鈕時,如何保持代碼的'after'部分工作。我不確定它爲什麼會下降? – indofraiser

+0

一個潛在的解決方案是: 但我寧願只保留一個按鈕 – indofraiser

回答

3

的問題是,一個asp。網絡按鈕呈現並輸入type="submit"

可以按如下步驟使它(請注意,沒有您的標記我正在猜測):

<button runat="server" id="btnId" class="btn btn-next"> 
    Dooz it 
</button> 

這將使其作爲一個按鈕標籤,但注意runat="server"這使得它的HTML服務器控件。

+0

這看起來不錯,它怎麼能在.NET中執行某些操作?即點擊轉到受保護的子集btnNext_Click(發件人爲對象,e爲EventArgs)處理btnNext.Click在代碼的.vb部分。 (提出新問題的時間?) – indofraiser

+0

@indofraiser您可以使用'OnServerClick = ='作爲方法的名稱,即'OnServerClick = btn_Click'。 – hutchonoid

0

我目前使用的下面,現在完美的,但CSS和作品鏈接:

<a href="#" class="btn btn-next"> 
<asp:Button ID="btnNext" runat="server" CssClass="btn btn-next" Text="Next" /></a>