如何在按鈕的文字周圍添加邊框？

Question

我想在按鈕的文本週圍有一個彩色邊框。

我的按鈕是這樣的：

<input id="btnexit" class="exitbutton" type="button" value="Exit" name="btnExit"></input> 

我已經在CSS中添加按鈕的邊框的樣式，但我還需要添加文本週圍Exit彩色邊框。

是否有可能在CSS中做到這一點？我該怎麼辦呢？

Answer 1

你可以在按鈕內放一個跨度，這樣你就有兩個元素來設計風格。

HTML：

<button> 
    <span>click me!</span> 
</button> 

和CSS：

button{ 
    border: 1px solid #ccc; 
    background: #eee; 
    padding: 5px 10px; 
} 
button span{ 
    border: 1px solid red; 
} 

Example!

Answer 2

喜歡這個

demo

.exitbutton { 

padding:10px; 
background-color:white; 
    cursor:pointer; 
} 
input{ 
    border:1px solid blue; 
} 

Answer 3

試試這個：

<button type="button"> 
    <span style="border:1px solid #FF0000;">Button</span> 
</button>