为什么html里面input的width属性写在style里面和外面的效果完全不一样,下图中第一个是写在里面的,不知道为什么没显示

第一个图片是写在style里面的,第二个图片是写在外面的,不知道为什么不一样(两部分代码只有第一个输入框width的位置不一样,其他都是一样的)

######


    </td>
  </tr>

  <tr style="height: 5px;"></tr>

  <tr style="margin-top: 5px;height: 60px;">
    <th style="text-align: right;font-size: 22px;"><label for="textfield3">编码:</label>
    </th>
    <td><input name="imatnr" type="text" disabled="true"
        style="background-color: transparent; color:#000;width: 350px;height: 40px;border-radius: 4px;"
        id="imatnr" /></td>
  </tr>

img

    <th style="text-align: right;
    font-size: 22px;"><label for="textfield3">订单:</label>
    </th>
    <td><input name="iaufnr" type="text" width="350px"
        style="height: 40px; background-color: transparent;border-radius: 4px;" id="iaufnr"
        onkeydown="if(event.keyCode==13) {getaufnr();}" />
  
    </td>
  </tr>

  <tr style="height: 5px;"></tr>

  <tr style="margin-top: 5px;height: 60px;">
    <th style="text-align: right;font-size: 22px;"><label for="textfield3">编码:</label>
    </th>
    <td><input name="imatnr" type="text" disabled="true"
        style="background-color: transparent; color:#000;width: 350px;height: 40px;border-radius: 4px;"
        id="imatnr" /></td>
  </tr>

img

就是除了图片type为image类型的可以在加width属性,其他都不适用

img


https://www.w3school.com.cn/tags/tag_input.asp

原生input的width不是用来设置宽度的,有些ui组件才有这种写法,不能搞混了

img