数据列表html中的宽度设置

Question

我正在使用数据列表进行可搜索的选择， 在输入字段的设置宽度中，但是在数据列表的选项中未获得输入字段的宽度， 它占用选项上文本长度的宽度， 我如何设置相同 我把我的codehear

input table {
    margin: 30px auto auto auto;
    border-collapse: inherit;
    width: auto;
    max-width: 100%;
    background: #EFEFEF;
    border-radius: 15px;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
}
.input tbody {
    padding: 10px;
    margin: 30px;
    display: block;
    background: #d9e8de;
    border-radius: 30px;
}
.input tr:nth-child(even) {
    background-color: #d9e8de;
}
.input td {
    padding: 10px;
	height: auto;
}
.input input,.input select,.input textarea  {
    width: 250px;
    height:40px;
    padding: 5px;
    font-size: 14px;
    font: serif;
}

<div class="input"><form method="post"><table>
<tr><td>Client Name * </td><td colspan="3">
<input type="text" name="client" list="client" autofocus="autofocus" autocomplete="off" style="width: 100%;"><datalist id="client">
<option value="Name 1"></option>
<option value="Name 2"></option>
<option value="Name 3"></option></datalist></td></tr>
<tr><td>Data1</td><td><input type="text"></td><td>Data1</td><td><input type="text"></td></tr>
</table></form></div>

在这种情况下，获取选项的宽度与输入字段的宽度不同