【问题标题】:Hide the default HTML CSS | Type=url [duplicate]隐藏默认 HTML CSS |类型=url [重复]
【发布时间】: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

标签: javascript html css


【解决方案1】:

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

【讨论】:

  • 是的,但是当我不想提交时它会提交我的表单
  • 没有 novalidate 输入无效时不提交
猜你喜欢
  • 2013-03-26
  • 2011-12-15
  • 2017-11-04
  • 1970-01-01
  • 2014-07-04
  • 1970-01-01
  • 1970-01-01
  • 2023-02-01
  • 1970-01-01
相关资源
最近更新 更多