Target input types - SASS
<p>I got css file that needed to convert sass. I've handled basics css styles but stuck with this code block. It has a input tag styles.</p>

<pre><code>.search-box input[type='text']{
    font-size: 16px;
    padding: 3px 5px;
}
     .search-box input[type='text']:focus{
        outline: 0;
    }
    .search-box input[type='text']::-webkit-input-placeholder {
        color: #000000;
    }
    .search-box input[type='text']::-moz-placeholder {  /* Firefox 19+
        color: #000000;
    }
    .search-box  input[type='text']:-ms-input-placeholder {
        color: #000000;
    }
</code></pre>

<p>So I've researched and convert into sass like this.</p>

<pre><code>.search-box {
    input[type='text'] {
        font-size: 16px;
        background-color: #fff;
        &amp;:focus {
            outline: 0;
        }
        &amp;::-webkit-input-placeholder {
            color: #000000;
        }
        &amp;::-moz-placeholder {
            color: #000000;
        }
        &amp;:-ms-input-placeholder {
            color: #000000;
        }
    }
}
</code></pre>

<p>I need to know that there is a best practice for styling form input tags And did I convert it wrong way here? Please </p>