Styling submit buttons in Safari: no luck :-(
Posted: 29 August 2005 01:29 AM   [ Ignore ]  
Research Assistant
RankRankRank
Total Posts:  399
Joined  03-23-2004

been playing with changing the appearance of submit buttons in Safari using CSS.
Unfortunately, submit buttons don’t seem to change their appearance in Sarafi regardless of the CSS styles.

.button { color: fff; background: #567A7A; padding: 3px; border: 2px solid #000 }

This is the CSS code I apply to the button, and here is the button:

<input type="submit" value="submit" class="button" />

Why does it not change appearance? What can I do about this?
Any help appreciated!

Profile
 
 
Posted: 29 August 2005 01:35 AM   [ Ignore ]   [ # 1 ]  
Research Assistant
RankRankRank
Total Posts:  399
Joined  03-23-2004

On another note, if I can’t style the submit button - how can I create a text link that does the job of a button?

Profile
 
 
Posted: 29 August 2005 02:25 AM   [ Ignore ]   [ # 2 ]  
Research Assistant
RankRankRank
Total Posts:  399
Joined  03-23-2004

http://www.eewiki.com/wiki/Style_Form_Buttons_In_Safari

Just found this! whoever put this in eewiki, thanks!

Profile
 
 
Posted: 29 August 2005 02:41 AM   [ Ignore ]   [ # 3 ]  
Research Assistant
RankRankRank
Total Posts:  399
Joined  03-23-2004

though is there any way of not using the <button> element and really just use a text link??

Profile
 
 
Posted: 29 August 2005 10:50 AM   [ Ignore ]   [ # 4 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  06-19-2002

The inability to style buttons with CSS in Safari is definitely one of my biggest gripes with the browser.  It just seems inexcusable that a browser that is otherwise so “modern” and follows the standards so well would just completely shut you out from being able to style buttons.  I truly hope this gets rectified fairly soon in one of their releases.

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
Posted: 29 August 2005 11:22 AM   [ Ignore ]   [ # 5 ]  
Moderator
Avatar
RankRankRankRankRankRankRankRank
Total Posts:  31053
Joined  05-14-2004

The wiki article to style Safari buttons works great.  I use it for my comment submit button (example at bottom).

 Signature 
Profile
MSG
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 10:33 AM
Total Registered Members: 60703 Total Logged-in Users: 51
Total Topics: 73137 Total Anonymous Users: 28
Total Replies: 394464 Total Guests: 534
Total Posts: 467601    
Members ( View Memberlist )