隐藏默认 HTML CSS |类型=url [重复]

Posted 2023-02-22

【中文标题】隐藏默认 HTML CSS |类型=url [重复]

【英文标题】：Hide the default HTML CSS | Type=url [duplicate]

【发布时间】：2021-05-02 23:26:24

【问题描述】：

我正在使用type=url，并希望隐藏而不覆盖默认 CSS，如下所示。我已经运行了自己的 CSS，但似乎无法摆脱下面的 CSS：

如果我可以包含一行 JS，这样做会很有帮助

复制代码示例：

更新了生殖样本。您必须点击按钮才能重现：

<form id="Submit">
  <div>
    <input id="search" type="url" name="url" placeholder="Test">
  </div>

  <div class=" input-field second-wrap ">
    <button id="button " value="press " type="submit ">
      SEARCH
    </button>
  </div>
  
  <p id="errorMessage ">uhoh</p>

</form>

【问题讨论】：

嗨，你能粘贴你正在使用的代码吗？您是否要抑制之前加载的 CSS 资源？

包括minimal reproducible example。 （尽管在这种情况下可能很明显）还有您的浏览器版本？

否，在我的表单中使用type=url，上面的屏幕截图显示。我将发布代表代码示例

@IronMan 更新，另见上面的评论

这能回答你的问题吗？ Disable validation of html5 form elements

【参考方案1】：

想知道...<form id="Submit" novalidate>... 是否是您要查找的内容。这会禁用浏览器原生 HTML5 表单验证。

【讨论】：

是的，但是当我不想提交时它会提交我的表单

没有 novalidate 输入无效时不提交