http://juice10.com/blog/ en-us 40 JuiceBlog! comments <p>Apple has released <a href="http://apple.com/safari">Safari 3</a> in beta to the public, running both on Mac <span class="caps">OS X</span> and on Windows. Its jam packed with all kind of cool <span class="caps">CSS3</span> stuff. But that is not the only thing.</p> <h2>Form control elements</h2> <p>The webkit team has enabled the styling of form elements.</p> <ul> <li><input type="text" style="border: 2px dashed blue; background: #000; text-align: center; color: white" value="Safari" /> <button type="submit" style="padding: 5px;">Rules</button> (check this out in safari to see the changes)</li> <li>label element now works: <br /><label for="checker">Try clicking here</label><input id="checker" type="checkbox" /></li> <li>for more form element styling check out: <a href="http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/">Styling form controls with <span class="caps">CSS</span> revisited</a></li> </ul> <h2>CSS3</h2> <p>Safari 3 now has a bunch of new <span class="caps">CSS3</span> properties</p> <ul> <li><a href="http://www.css3.info/preview/multi-column-layout.html">multiple columns</a></li> <li><a href="http://www.css3.info/preview/rounded-border.html">border radius</a></li> <li><a href="http://www.css3.info/preview/box-shadow.html">box shadow</a></li> <li><a href="http://www.css3.info/preview/background-size.html">background-size</a></li> <li><a href="http://www.css3.info/preview/">and allot more</a></li> </ul> <h2>Try it out!!!</h2> <p><a href="http://apple.com/safari">Check out the new Safari and download it</a></p> Tue, 12 Jun 2007 07:03:00 PDT <a href="/blog/articles/2007/06/12/safari-3-beta-launched-also-for-windows">Safari 3 Beta launched! (also for Windows)</a> <a href="/blog/articles/2007/06/12/safari-3-beta-launched-also-for-windows">Safari 3 Beta launched! (also for Windows)</a>