11
Mar
CSS Tip: Styling Input Buttons for Safari
March 11th, 2007 — 11:03 pm —Styling input buttons (e.g. <input type="button" name="blah">) for Safari is a pain as I learned this evening. Actually it’s impossible. So instead of using the input tag try using the button tag (e.g. <button name="blah">). Works the same from what I can tell and can actually be styled across at least FF and Safari. Just make sure your CSS is referencing the appropriate tag.
About slate
slate is a content management system (CMS) developed using Ruby on Rails focused on rapid production of traditional websites created by WVU Web Services. Read more about why we created slate and a longer list of features of slate. You can also check out a list of sites using slate. If you have questions or comments let us know but if it's a question about open sourcing slate have a look at this article first.Archives
Recent articles
- No Wonder Rails Is Default in Mac OS X Server...
- Good News: An Open Sourced slate Is Coming
- The WVU Open Source License
- Implementation idea: .do templates
- Keeping slate Humming - Part 1
- Campfire for Design & Keeping Your Tag Cloud Running
- Custom configuration settings made easy
- HOW-TO: Add a Gallery to Your Site
- JSONRequest.post Example
- Miscellaneous
Articles
I’m having similar difficulties although I have been put off using the <button> tag recently when I discovered IE6 (and possibly 7) treats it differently when submitting forms – Safari / Firefox will submit the value of the ‘value’ attribute whereas IE will submit the value of the text between the <button> tags. Very frustrating as it provided a good way of styling buttons in Safari…
Ah, thanks for the note. We hadn’t gone that far with using buttons. We were just using them for a toolbar and not actually submitting any data. I really like Safari as a browser but the inability to style inputs it’s a huge pain as a developer.
Add comment
You are adding a new comment