酷!學園
技術討論區 => 網頁技術 => 主題作者是: AlanPeng 於 2002-09-22 13:49
-
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?
-
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?
<input type='button' class='btncss'>
-
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?
我是說 CSS 樣式檔中的 "設定值" 啦, 像
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
之類的...
oh, 我上面 code 會把 button 等變成 2D 的, 但是會有粗粗的邊框... 不知道怎麼去掉...
-
我是說 CSS 樣式檔中的 "設定值" 啦, 像
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
之類的...
oh, 我上面 code 會把 button 等變成 2D 的, 但是會有粗粗的邊框... 不知道怎麼去掉...
input.button {
background-color : #FFFFFF;
border-color : #000000;
border-width: 1;
}
-
ok thanks!!!
-
<style type="text/css">
<!--
.rev{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #FFE8C9; border-BOTTOM: #808080 1px solid; border-LEFT: #808080 1px solid; border-RIGHT: #808080 1px solid; border-TOP: #808080 1px solid; color: #000000; }
.ref{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #F1EEF5; border-BOTTOM: #808080 1px solid; border-LEFT: #808080 1px solid; border-RIGHT: #808080 1px solid; border-TOP: #808080 1px solid; color: #000000; }
.red{font-FAMILY: "Arial"; font-SIZE: 10pt;background-color: #F1EEF5; border-BOTTOM: #808080 0px solid; border-LEFT: #808080 0px solid; border-RIGHT: #808080 0px solid; border-TOP: #808080 0px solid; color: #000000; }
-->
</style>
</head>
<body>
<input type=button value=" test 測試 " class=ref> //有邊框
<input type=button value=" test 測試 " class=red> //無邊框
<input type=button value=" test 測試 " class=rev onmouseout="javascript:this.style.color='800080';" onmouseover="javascript:this.style.color='008080';"> //變色
</body>
//有邊框
//無邊框
//變色
-
謝謝 ^^~