CSS outline width not working
<p>I am trying to set outline width of the input element on focus.
Outline width stays the same (like it is default setting which can not be changed), no matter of my setting.</p>

<p><a href="http://codepen.io/FrenkyB/pen/mEaEyL?editors=1100" rel="nofollow noreferrer">Here is example from code pen</a></p>

<p>And here is part from css where I am trying to set outline-width on focus:</p>

<pre><code>input:focus {
  outline-width: 0.1px;
  outline-color: #725b44;  
}
</code></pre>

<p><strong>EDIT:</strong></p>

<p>I've just forgotten to include line style (solid, dotted...).
Now it works. One thing is still strange to me. Why is outline inside element?
Isnt' the outline defined as 'a line that is drawn around elements (outside the borders) to make the element "stand out".'</p>

<p>Here from my example outline looks like this. I thought it's going to be around element, but it's inside:</p>

<p><a href="https://i.stack.imgur.com/YbDsX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YbDsX.png" alt="enter image description here"></a></p>