Archive for the ‘safari’ Category
ContentEditable outline style in WebKit
As you know, when you make an editable node by setting an appropriate attribute, WebKit selects an editable area using outline. This outline is a border that surrounds the editable content. The editable area is selected only when you set focus on it, in other words, when contentEditable
attribute has been set to true
. To change styles of this outline we have to use CSS rules. There are limited amount of styles that can be changed for the outline of the editable area. They are:
- Color (the same as border color)
- Width (the same as border width)
- Style (the same as border style)
Ok, let’s test!