I dont know if this can be fix, but I made this website and when my users click on some divs the selected div appears to have yellow border in chrome and similar border in safari. You can see the yellow border here . Is it possible to disable this?
Go to Design > Page Borders. In the Borders and Shading box, on the Page Border tab, select the arrow next to Apply to and choose the page (or pages) you want to remove the border from. Under Setting, select None, and then select OK.
To avoid the width or height getting increased or decreased when using CSS properties like margin , padding , etc, we can use the CSS property called box-sizing and set its value to border-box on the element in CSS.
Just go to your stylesheet. css and type border: solid black 2px; in your div section.
By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen.
Try adding this in your CSS:
*:focus { outline: none; }
That should get rid of the focus highlight for the whole page.
I know this is old, but for reference for others is that the div becomes selectable in Chrome once the tabIndex property is added. a trick was used to make the tabIndex negative for elements that could not be tabbed to but even then the select rectangle was shown.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With