Hello,

I was trying to modify my button's of type input CSS. I am using SASS, but I am not sure what file I should be insering my new SASS. In normalize.scss there are the current specs.

input[type="submit"] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
    *overflow: visible;  /* 3 */
  }
}

Should I place my SCSS here? When I do so in no matter what order it overrides all :hover effects as well. Thank you.

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Postponed (maintainer needs more info)

If you put your new properties inside normalize.scss' input[type="submit"] ruleset, then it will only apply to submit buttons. Is that what you want?

I have no idea what you mean by “button's of type input CSS”.

If the rule you created overrides all :hover effects, then you've likely written the selector wrong.

mermemladeK’s picture

mermemladeK commented

Hi JohnAlbin,

That's the problem, my rule overrides all :hover effets. How would I modify the CSS button without modifying :hover effects? If I simply paste my CSS code there it overrides them.

Thanks!

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

You haven't provided enough information for me to tell what steps you performed when you encountered your bug.