嗨,我不想使用图像作为提交按钮,所以我选择了默认的提交按钮,但是我想编辑它的宽度和高度。我该怎么做?
<input type="submit" id="search" value="Search" />
感谢!
James
只需使用 height 和 width 选项的 style 属性即可
<input type="submit" id="search" value="Search" style="height:50px; width:50px" />
使用CSS,您可以使用id (#)选择器为该特定按钮设置样式:
#search {
width: 20em; height: 2em;
}
或者如果你想让所有提交按钮都具有特定的大小:
input[type=submit] {
width: 20em; height: 2em;
}
或者如果你希望某些按钮类别具有特定的样式,你可以使用 CSS 类:
<input type="submit" id="search" value="Search" class="search" />
并且
input.search {
width: 20em; height: 2em;
}
我使用ems作为度量单位,因为它们更容易进行比例缩放。
使用以下方法更改高度:
input[type=submit] {
border: none; /*rewriting standard style, it is necessary to be able to change the size*/
height: 100px;
width: 200px
}
<input type="button" value="submit" style="height: 100px; width: 100px; left: 250; top: 250;">
根据您的需求使用此功能。
你可以使用CSS来改变高度和宽度:
#search {
height: 100px;
width: 400px;
}
{border: none;}
。 - AJP使用CSS。
可以将其置于<head>
标签内(#search
表示“具有ID为search
的元素”)
<style type="text/css">
input#search
{
width: 20px;
height: 20px;
}
</style>
<input>
标记中。<input type="submit" id="search" value="Search" style="width: 20px; height: 20px;" />
border:none
才能看到这些更改。 - Sparkyheight
和width
属性。button
的border
设置为none
。很简单!首先,给你的按钮一个id
,例如<input type="button" value="I am a button!" id="myButton" />
。然后,使用CSS代码设置高度和宽度:
.myButton {
width: 100px;
height: 100px;
}
input[type="button"] {
width: 100px;
height: 100px;
}
但这将影响页面上的所有按钮。
工作示例 - JSfiddle
您可以使用CSS更改高度和宽度:
#search{
height:30px;
width:100px;
}
border: none
以查看这些更改。 - Sparky<style media="screen" type="text/css">...embed here...</style>
标签中 - 哇! - sage