178224 2017-10-12 12:11:36 -0700 outline-width affecting padding, not the width of the outline. 2022-07-15 14:17:02 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified NEW FromImplementor P2 Normal --- 1 robdodson webkit-unassigned bfulgham simon.fraser zalan oldest_to_newest 1359664 0 robdodson 2017-10-12 12:11:36 -0700 According to MDN: "The outline-width CSS property sets the width (thickness) of an element's outline." In Safari setting the outline-width property affects the distance between the element and the outline. But the outline itself is always the same width. Example: http://jsbin.com/tegisinedo/1/edit?html,output Clicking on the element in the above example should draw a 20px wide outline. This is the behavior in Firefox and Chrome. In Safari it instead puts 20px of padding between the element and the outline. 1359675 1 robdodson 2017-10-12 12:27:54 -0700 It looks like this is a differing opinion between the browsers. In Chrome and Firefox if you set outline-width, it will use the default focus indicator and just change its width. In Edge, if you set outline-width it will remove any default styling so it appears as if it’s gone. If you additionally set outline-style: solid, then the ring reappears and properly applies outline-width. In Safari, if you set outline-width it will affect the padding between the outline and the element. If you additionally set outline-style: solid, then the ring will be drawn to the correct width. 1360003 2 simon.fraser 2017-10-13 08:03:17 -0700 You should raise a GitHub issue in the CSSWG. 1884213 3 bfulgham 2022-07-15 14:17:02 -0700 Did any such issue get raised? Is there any action to take here?