- 如何用非文本顏色強調文本？

我想在我的表格中加上紅色下劃線的黑色文字。使用border-bottom: 1px solid red;的問題是，它不僅強調了文本，而且還強調了我的輸入按鈕的整個長度。如果沒有激活，該按鈕既沒有邊框，也沒有背景。因此，它看起來很奇怪，如果線路是爲5px左右每邊重複...- 如何用非文本顏色強調文本？

<form method="POST"> 
    <input type="hidden" name="cmd" value="doSthFancy" /> 
    <input type="hidden" name="item_id" value="${item.id}" /> 
    <input type="submit" value="${item.name} (${item.producer})" class="link" /> 
</form>

嵌套與申報單（<div class="redUnderline"><p class="blackText"> hello world! </p></div>）通常工作，但它好像只能在外面的形式。

我不能使用hrefs代替。

感謝您的幫助！

來源

2013-02-09 chris

如果按鈕沒有任何背景顏色或邊框，比你可以調整的寬度按鈕只能與文本一樣寬？ – reinder 2013-02-09 12:52:42

將文本與按鈕分開嗎？ – David 2013-02-09 12:53:27

@reinder不，它獲得一個背景顏色時，徘徊或活躍 – chris 2013-02-09 12:53:54

怎麼樣一個fake button？

DEMO

HTML

<form name="myform"> 
    <div id="fakeButton" onclick="myform.submit()"> 
     <span>Click Me</span> 
    </div> 
</form>

CSS

#fakeButton 
{ 
    border-style:solid; 
    border-width:1px; 
    background-color:#808080; 
    width:70px; 
    text-align:center; 
    padding:5px; 

} 
#fakeButton span 
{ 
    color:black; 
    border-bottom-style:solid; 
    border-bottom-color:red; 
    border-width:1px; 
}

來源

2013-02-09 13:03:09

與'onclick =「javascript：this.parentNode.submit（）;」'它工作正常！非常感謝！ – chris 2013-02-09 13:29:56

@chris歡迎您！ – 2013-02-09 13:35:22

按鈕和跨度如何？我試過這個：

<button style="padding: 20px;"><span style="border-bottom: dotted 1px red;">some text</span></button>

它似乎工作。點綴的紅色邊框只在文字上加下劃線。

來源

2013-02-09 12:56:08

這個我很好！ :)但是，如何將按鈕連接到窗體？（我必須發送一些隱藏的值）。這[鏈接]（http://www.w3schools.com/tags/att_button_form.asp）顯然不適用於IE。 :( – chris 2013-02-09 13:06:17

- 如何用非文本顏色強調文本？

回答

相關問題