民工Vessel 2021-12-21 16:33 采纳率: 100%
浏览 51
已结题

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

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

######
<label>订单:</label>

<input id="iaufnr" style="width: 350px; height: 40px; background-color: transparent;border-radius: 4px;" type="text" name="iaufnr" />

    </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

  • 写回答

3条回答 默认 最新

  • 在下月亮有何贵干 前端领域优质创作者 2021-12-21 16:47
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 12月29日
  • 已采纳回答 12月21日
  • 修改了问题 12月21日
  • 创建了问题 12月21日

悬赏问题

  • ¥15 想问一下树莓派接上显示屏后出现如图所示画面,是什么问题导致的
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号