When I open my HTML file by double clicking the file then it open in Chrome, there's nothing wrong with it here but when I access it with localhost url using Chrome the checkboxes changed like this and when I access it with localhost url using Firefox it looks normal. I tried to remove all the CSS and Javascript but it still the same. Anyone knows why? Thanks I've been stressed about it. Anyway I'm using XAMPP on my local server.
Asked
Active
Viewed 726 times
1
-
Hmm it looks like `Ubuntu` checkboxes :) – Rahil Wazir Dec 11 '13 at 08:50
-
can we see your code as well – Satya Dec 11 '13 at 08:50
-
If you don't style a checkbox, it will be set to the browsers default style. – SaturnsEye Dec 11 '13 at 08:51
-
try a css reset or put your full generated html on a jsfiddle.net – Godinall Dec 11 '13 at 08:59
-
@Satya here is the code http://pastebin.com/jg9XuRtZ – leonardkekang Dec 11 '13 at 09:02
-
@Adsy: on the first print screen it looks normal on chrome, but when I use localhost url it looks different on chrome also. – leonardkekang Dec 11 '13 at 09:06
-
@Godinall: how do I do CSS reset? anyway I've tried to remove all the CSS and JS but it still the same. And about the code here is the code http://pastebin.com/jg9XuRtZ – leonardkekang Dec 11 '13 at 09:06
-
@RahilWazir I'm using Windows on both printscreen. – leonardkekang Dec 11 '13 at 09:08
-
@leonardkekang see here for css reset:http://yuilibrary.com/yui/docs/cssreset/ CSS Reset removes the inconsistent styling of HTML elements provided by browsers. The checkbox is adapting useragent style sheet when no custom style is given. – Godinall Dec 11 '13 at 09:17
-
@Godinall Thanks but it's still the same. – leonardkekang Dec 11 '13 at 09:22
-
Thanks for helping guys, it is solved by @Godinall (see the Answers part). – leonardkekang Dec 11 '13 at 09:57
2 Answers
3
I think I found the problem. Try pressing ctrl+0 on your localhost page, this works for me. It seems auto zooming on localhost.
Godinall
- 2,280
- 1
- 13
- 18
-
no problem mate, glad it worked out for you, mind select mine as answer :) also you can set initial scale to prevent this which I guess you already know – Godinall Dec 11 '13 at 09:56
-
Oh I barely know that the asker can select the answer, I'm still new on this site. Done mate, and thanks again. – leonardkekang Dec 11 '13 at 10:02
-
@leonardkekang only the asker can really tell is the answer is correct solution, isn't it. you are quite welcome mate, SO is really a good place, have more fun – Godinall Dec 11 '13 at 10:10
-1
Check if your webserver is adding any headers influencing rendering like X-UA-Compatible.
You can do this using Network Tab in Chrome Developer Tools (press F12): View HTTP headers in Google Chrome?
-
-
Use Chrome developer tools (F12): http://stackoverflow.com/questions/4423061/view-http-headers-in-google-chrome – Max Power Dec 11 '13 at 09:47
-
I've got the solution by Godinall and it works. It'solved, anyway thanks for helping. – leonardkekang Dec 11 '13 at 09:53