提交按钮不输入

Question

我想尝试为我的课程创建一个更大的输入和提交按钮框，用于简单的JS功能。但是，当我更改输入的高度和字体大小时，我的提交按钮不再起作用。我知道它与高度有关，因为当我删除它时，它可以工作。我该如何解决这个问题？

我将为我的网站提供我的CSS代码，用于启动输入，按钮位于第273行。

http://web.gccaz.edu/~pet2153867/test/

谢谢！

Answer 1

添加位置：相对;和z-index：9999;按钮样式。

button {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    position: relative;
    z-index: 99999;
}

由H1 Tag引起的这个问题。 h1标签与您的按钮交叉。删除底部：70px也可以解决您的问题。

#projects h1 {
position: relative;
bottom: 70px;
}