Home/ Questions/Q 8360639
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T11:31:04+00:00

I find myself seeing things like buttons, inputs, header, ect. and wanting the code

  • 0

I find myself seeing things like buttons, inputs, header, ect. and wanting the code so I can reference off them and make my elementary designs look better. I always try to change it up a bit, I don’t like stealing other peoples designs.

Viewing the page source from just the browser is very sloppy and usually hard to read. I tried using Firebug but I noticed one huge problem. It doesn’t show all the CSS.

Example
Firebug will only show: 

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

When the full code is: 

box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-webkit-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);  
-moz-box-shadow: 0 14px 10px -12px rgba(111,112,114,0.8);

If leaves out the moz and webkit.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I can speak with experience in the Chrome Inspect tool, when debugging the page elements the browser automatically ignores and does not show the invalid properties or styles, but if you look at the actual page source code (or the css) your styles will be there.

    I think that if Firebug does not show those styles it means Firefox is ignoring them, in this case you are using the -moz-box-shadow but Firefox uses box-shadow to render the element.

    • 0