输入按钮（来自表单）和锚点按钮显示不同的大小，即使具有相同的尺寸

Question

我正面临这个问题。输入按钮和锚点按钮的高度和宽度相同，但是在预览屏幕或甚至在浏览器中，显示的尺寸不同：输入按钮趋于更小。为什么？如何解决这个问题？只有输入文本字段的大小与锚点按钮的大小相同。

输入按钮：

<input class="button" type="submit" name="submit" value="Add">

锚点按钮：

<a href=""><input class="button" type="button" name="submit" value="Add"></a>

感谢您的帮助。

提前致谢。

Answer 1

不确定;你已经为课程button和<a>代码申请了什么CSS。我只是想在这里给出一个答案。答案可能是，有一些a标记css与类button重叠。

我做了一个演示，<a>样式如何影响输入字段。这是 Demo.

  

注意：好奇为什么要将input字段包含在<a>标记内。这是错误的做法;而不是你应该做一个   javascript函数（并定义号召性用语你想要的   achive）然后你使用onclick事件来调用函数。