Post Archive
› January 9, 2003
Safari link border
I don't think this "feature" is limited to Safari, but it may be worth noting that Safari creates a dashed border around text links in what would seem to be equivalent to the :active pseudo selector in CSS. I tried overwriting this default behavior by specifying 0 or none or "1px solid #fff", but none of these made it go away. I changed the a:active to 1px solid #ff0, and sure enough, the dashed border is actually outside the yellow line I specified. If that's not descriptive enough, and if you have the quicktime player, you can check out this short demo movie (105k)
UPDATE: This can be changed with CSS! It's the outline property, not border... read the comments for more info.
Comments
1. January 9, 2003 04:46 PM
2. January 9, 2003 04:55 PM
Quote this comment
Nate Posted…
Kinda a shame I think; Should it not be up to us web developers to decide if this type of visual indicator is appropriate? On the other hand, it's certainly not enough of a bother or visual distraction to worry about. I, for one, am very excited about the application as a whole, perhaps because I never used tabs anyways - it's my new favorite browser.3. January 9, 2003 06:02 PM
Quote this comment
CodeBitch Posted…
You might be able to override this by setting CSS styles for the property outline, rather than border. (At work on a PC so can't check this just now.) It's just a different default browser behaviour that's just as correct as all the others. The Safari team have clearly changed a lot of KTHML defaults to match either IE or Chimera, which is a sensible thing to do.4. January 9, 2003 06:15 PM
Quote this comment
Nate Posted…
Genius!! I guess I missed the whole section about outlines in the CSS spec. Thanks for the education CodeBitch! So - for the record you can remove those dashed lines, it's done by simply adding:a {outline:none;} to your css. As you might guess, you can also alter them to display in whatever color/style/width you wish.
5. January 10, 2003 12:40 AM
Quote this comment
CodeBitch Posted…
The only other browser that supports the outline styles is Mac IE 5. I'd also like to announce the abridged version of the MacEdition Guide to CSS2 support. http://www.macedition.com/cb/resources/abridgedcsssupport.html It doesn't have all the detail, but I've repurposed the WestCiv guide to provide a quick comparison between IE6/Windows, IE5/Mac, Gecko and Safari, as well as OmniWeb and iCab. Useful for responding to misinformed people who think OmniWeb has anything like decent standards support.6. March 18, 2003 08:58 AM
Quote this comment
Marc Posted…
I have a real problem with Safari at thee moment, I hope someone can help, or at least put my fears at rest. The drop down menus of Safri are completley unmanipulatable! And besides thi, look really ugly in certian contexts... for exapample my new site which relies purely on drop down menus for navigation. The safari drop down menu aesthetic looks quite frankly BAD on a black background. How on earth can I modfiy there appearance? Will this be addressed in the final versions of Safari? The same goes with the buttons, check out http://www.basedesign.com for example, an award winning site based on simple multicoloured html buttons, which render boring white in safari!! I hope someone can help. Email me if you like at marc@tex-server.org Thanks in advance!7. March 18, 2003 09:15 AM
Quote this comment
pixy Posted…
Drop down menus (if you mean onetwothree) works fine for me. The form buttons (and other elements) are out of scope the HTML document and are usualy displayed by the OS). In fact, you shouldn't set backgrounds, borders etc. for these elements at all. Safari behaves correctly in this way, basedesign.com does the dirty work.8. March 18, 2003 09:20 AM
Quote this comment
pixy Posted…
CodeBitch: Mozilla supports outlines too. The only difference is it uses non-standard private properties-moz-outline-color, -moz-outline-width and -moz-outline-style.
noel Posted…
Yeah nate, I noticed that when I started up safari, its not part of the CSS rendering, but rather how the program works. The same applies to chimera, except the outline is nearly invisible (much smaller dots, and hardly noticeable). I guess Apple really wanted you to know you were clicking on a link ;)