關於<input type="button" value="搜尋">預設樣式的清除

關於<input type="button" value="搜尋">預設樣式的清除
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

  今天在寫搜尋框的時候,用到了input。由於整體美觀的考慮需要清除它的預設樣式,改成自己想要的。

  先來看看沒有清除前的樣式。

 

程式碼如下:

<!DOCTYPE html>
<html>
<head>
<title>input預設樣式清除</title>
<meta charset="utf-8">
</head>
<body>
<input type="button" value="搜尋">
</body>
</html>

經過一段時間的研究,來看看清除後的自己想要的樣子吧。

清除後的樣子是不是很好看,話不多說,直接上硬菜。

<!DOCTYPE html>
<html>
<head>
<title>input預設樣式清除</title>
<meta charset="utf-8">
<style type="text/css">
	input{
background: #FF6805;
border:0px;
height:30px;
width:50px;
}
</style>
</head>
<body>
<input type="button" value="搜尋">
</body>
</html>

最後祝大家端午節快樂,233333333333333333

相關文章

程式語言 最新文章