Chrome picks up non-existent CSS rules (-webkit) -


when rendering site in chrome noticed <input> elements started appearing weird. when inspecting elements in chrome's built in developer tools found matched -webkit css-rules not present in stylesheets. instance following example:

<input type="submit"> 

no rules elements of kind, crome's developer tools show:

matched css rules: input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { -webkit-box-align: center; ... } 

does have clue why i'm experiencing this? page loads standard headers:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 

html 5 mentioned (if has it...).

thanks.

those css rules baked browser. every browser has own. why browser differences have been agonising web developers years.

you can use css reset or normaliser (plenty available on web of both) avoid this, or override them yourself.

finally should able change these in browser, should know web pages different how else sees them.


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -