score:0

  • margin and padding can contain at maximum 4 values (top right bottom left). here 5 values are present
  • font-sizel is not any propertly. it is font-size.
  • border-radius might be getting applied, but value is very small and so you might not be seeing the result. try using any value such as 5px or 10px to see if it is still not applied

the css is modified to the following:

  border-radius: 1px
  padding: 2px
  margin: 2px 
  font-size: 14px
  text-align: center
  background-color: #4582ec
  color: #fff

note: for margin and padding, only 1 value is used since all are common

score:0

if you can't see your class '.mybutton' when inspecting the component, it means you are not passing it correctly. you should check out react bs docs (i'm linking react bootstrap's button because i assumed you're using that module, but i don't know how you are using bs) https://react-bootstrap.github.io/components/buttons/#api on how to pass custom classes, or you can use the attribute 'styles' to set them inline.

try both to see differences, but it's recommended to use css classes, inline styles can get messy very quickly.

p.s. if what you posted is a css file, you should wrap with curly braces and add semi colons

score:1

this fixed the issue

background-color: #4582ec !important color: #fff !important


Related Query

More Query from same tag