Question

我需要对按钮进行舍入，但不能使用<input>属性，因为我已经有了div，所以我不得不使用<button type>属性。这就是我所拥有的：

＆＃13;

.button2 {
	padding:0px;
	text-align:center;
	}

＆＃13;

<div class="button2">	
				<button type="button">Sign up</button>
			</div>

＆＃13;

Answer 1

将类更改为按钮，而不是按钮2，因为它正在更改没有属性的实际div，而按钮则更改。

<div class="button">
    <button class="button">Sign Up</button>
</div>

<style>
.button {
  padding:0px;
  border-radius: 6px;
  text-align:center;
}  
</style>

Answer 2

您只需在输入中添加一个类。

<input type="" class="whatever" />
input.whatever { border-radius:5px; }

编辑：实际上，如果它是一个注册按钮，你可能想要一个

<a href="/sign-up" class="whatever" />Sign Up</a>
a.whatever { dislay:inline-block; border-radius:5px; padding:5px; }

Answer 3

“border-radius”是您正在寻找的CSS属性。

Answer 4

.button2 {
  padding:0px;
  text-align:center;
  border-radius: 10px;   <--- this rounds the corners
}

使HTML按钮四舍五入

4 个答案: