I have a webapp that I'm working on using my mac. I really like how it looks with the mac os defaults (rounded form elements, buttons, etc) but on a windows machine it looks terrible. Anyone have any suggestions of how I could make it so windows machines see it like a mac view using the css?
If you style your elements, the default style is dismissed. So just style a element to look like the default on Mac and that will be displayed the same on windows.
I did the W7 buttons. That is why. The W7 buttons do have rounded corners. In W8 everything is squared off to match the overall style of the OS. If you wanted square corners, just remove the border radius.
I have a webapp that I'm working on using my mac. I really like how it looks with the mac os defaults (rounded form elements, buttons, etc) but on a windows machine it looks terrible. Anyone have any suggestions of how I could make it so windows machines see it like a mac view using the css?
I'm not sure I understand. CSS doesn't care (for the most part) about what OS you are viewing a website in.
Are you more referring to the difference between Chrome/Safari and Internet Explorer?
I think he's referring to the defaults Some unstyled elements mimic the style of the OS they're on
I assume he's talking about select menus - that's really the only thing I would say is blatantly different. Forms, I guess Search type?
If you style your elements, the default style is dismissed. So just style a element to look like the default on Mac and that will be displayed the same on windows.
Ah yes - I missed the mention of form elements, nice catch guys.
http://codepen.io/alexmccabe/pen/neybf
I made a codepen a while back. This has the default Windows and OSX buttons.
@alexmccabe : unless I misunderstand, the default Windows button in that pen isn't absolutely default.
Example: in my Windows (Chrome, IE and Firefox), a default button has square corners but in your pen, it has rounded corners.
Makes sense? I'm on Win 8 by the way.
I did the W7 buttons. That is why. The W7 buttons do have rounded corners. In W8 everything is squared off to match the overall style of the OS. If you wanted square corners, just remove the border radius.