CSS没有处理JavaScript代码，它在点击时添加了一个文本字段

Question

我想在用户点击“添加”时添加text field。标志。该字段已添加，但CSS无效。

这是我正在使用的JavaScript -

＆＃13;

＆＃13;

<input type="button" onclick="addInput()"/>

<span id="responce"></span>
<script>
var countBox =1;
var boxName = 0;
function addInput()
{
     var boxName="textBox"+countBox; 
document.getElementById('responce').innerHTML+='<br/><input type="text" id="'+boxName+'" class="search" value="'+boxName+'" "  /><br/>'
     countBox += 1;
}
</script>

＆＃13;

＆＃13;

＆＃13;

这是我要在text field上添加的CSS -

＆＃13;

＆＃13;

.search{
            border: 1px solid #c4c4c4; 
            height: 15px; 
            font-size: 13px; 
            padding: 4px 4px 4px 4px; 
            border-radius: 4px; 
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px; 
            box-shadow: 0px 0px 8px #d9d9d9; 
            -moz-box-shadow: 0px 0px 8px #d9d9d9; 
            -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
        }
        .search:focus{
           	outline: none; 
            border: 1px solid #7bc1f7; 
            box-shadow: 0px 0px 8px #7bc1f7; 
            -moz-box-shadow: 0px 0px 8px #7bc1f7; 
            -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
        }

＆＃13;

＆＃13;

＆＃13;