Download & Extend

Modifying buttons' CSS defaults

Project:Zen
Version:7.x-5.1
Component:CSS/SASS/HTML markup
Category:support request
Priority:normal
Assigned:Unassigned
Status:postponed (maintainer needs more info)

Issue Summary

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

#1

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.

#2

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!

nobody click here