酷!學園

技術討論區 => 網頁技術 => 主題作者是: AlanPeng 於 2002-09-22 13:49

主題: 請問 CSS...
作者: AlanPeng2002-09-22 13:49
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?
主題: Re: 請問 CSS...
作者: 學飛的小鳥2002-09-22 15:30
引述: "AlanPeng"
請問在CSS中, 要如何把網頁上的 "按鈕" (input type="button") 的樣式設定成和 phpBB 一樣 2D 的?


<input type='button' class='btncss'>
主題: Re: 請問 CSS...
作者: AlanPeng2002-09-22 15:48
引述: "學飛的小鳥"
引述: "AlanPeng"
請問在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 的, 但是會有粗粗的邊框... 不知道怎麼去掉...
主題: Re: 請問 CSS...
作者: 學飛的小鳥2002-09-23 00:29
引述: "AlanPeng"

我是說 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;
}
主題: 請問 CSS...
作者: AlanPeng2002-09-23 07:34
ok thanks!!!
主題: 三種範例~~~~~
作者: swcjason2002-09-28 01:09
<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>


//有邊框
//無邊框
 //變色
主題: 請問 CSS...
作者: AlanPeng2002-09-28 09:36
謝謝 ^^~