Web Audio Evaluation Tool

for instance

<div class="attribute" name="id"><span>ID: </span><input></div>

Among the consequences, this makes it difficult to select them properly with css.
Ideally, I would want to be able to do

div.attribute input[type=text]{
    width: 400px;
}

instead I have to do something like:

div.attribute input[type=radio], div.attribute input[type=checkbox]{
    width: 10px;
}
div.attribute input{
    max-width: 100%;
    width: 300px;
}