1. 程式人生 > >用css樣式修改input控制元件和button控制元件

用css樣式修改input控制元件和button控制元件

input中的text submit button等和單獨button控制元件可以用css修改外觀

eg:

<style>
.item_submit
{
background-color:red;
width:100px;
height:50px;
font-size:20px;
color:white;
font-weight:bold;
border-radius:10px;
}


.item_txt
{
border:1px solid red;
width:200px;
height:40px;
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<input class="item_submit" type="submit" name="Submit" value="確定"><br/>
<button class="item_submit">點選</button><br/>
<input type="button" class="item_submit" value="取消"><br/>
<input type="text" class="item_txt">