0

I am using type=url, and would like to HIDE not override the default CSS as shown below. I already have my own CSS running, but cannot seem to get rid of the CSS below:

enter image description here

If there is a line of JS that I can include to do so will be helpful

Reproductive code sample:

Updated reproductive sample. You must click the button to reproduce:

<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>

Improve this question
17
  • hi, can you paste the code you're using? Were you looking to suppress a CSS resource that was loaded earlier? Commented Jan 29, 2021 at 1:56
  • 1
    Include a minimal reproducible example. (Although it may be obvious in this case) also your browser version? Commented Jan 29, 2021 at 1:57
  • No by using the type=url in my form, the screenshot above shows. I will post rep code sample Commented Jan 29, 2021 at 1:58
  • @IronMan Updated, also see comment above Commented Jan 29, 2021 at 1:59
  • 2
    Does this answer your question? Disable validation of HTML5 form elements Commented Jan 29, 2021 at 3:12

1 Answer 1

Reset to default
0

Wonder if ...<form id="Submit" novalidate>... is what you are looking for. This disables browser native HTML5 form validation.

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

Yes, but then it submits my form when I do not want it to submit
Without novalidate it does not submit when a nonvalid is inputted

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.