Question

提交表单按钮未提交，并且在Safari 9及更高版本中失去了样式。它适用于Chrome和Firefox。我见过一些有类似问题的帖子，但提出的所有解决方案都不适合我。

在JS中，我在按钮中有一个事件处理程序onsubmit和一个onclick函数，用于检查字段是否为空，并触发一个弹出窗口，其中信息由onsubmit事件处理程序打印。没有在这里粘贴相当大的JS代码...

谢谢：

这是项目的链接：

https://github.com/carlosrbatalha/survey-saving-our-planet

代码：

 HTML:

    <div class="outer-button">
    <button form="survey-form" id="submit" type="submit" name="submit" onclick='myFunction()'>Submit</button>
    </div>

    CSS:

        .outer-button {

      display: flex;
      flex-direction: row;
      justify-content: center;
      padding-bottom: 50px;
    }

#submit {
  background-color: rgba(255,255,255, 0.7);
  display: flex;

   border:none;
  -webkit-border:none;
  -webkit-border-radius:0px;
  -webkit-appearance:default-button;


  justify-content: center;
  align-self: center;
  width: 100px;

  padding:10px;

  margin-top: 20px;
  font-family: 'Varela Round', sans-serif;
  font-size: calc(9px + (21 - 9) * ((100vw - 300px) / (1600 - 300)));  
  cursor: pointer; 
}

#submit:hover{
  background-color: rgba(255,255,255, 1);
  border: none;
  -webkit-border:none;
  -webkit-border-radius:0px;
  -webkit-appearance:default-button;
  }

提交表单按钮无法在Safari中运行onclick（）JavaScript函数

0 个答案: