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
Post a Comment