Css 调整输入框大小

我正试图缩小移动设备上输入框的大小，css将无法工作

我使用google开发工具获取元素的名称（输入#calc#u shipping_postcode.input text），但当我尝试在CSS中指定宽度时，什么也没有发生。。该页为-

我尝试使用的CSS是-

    input#calc_shipping_postcode.input-text {
    width: 270px;
}

---

有人能告诉我我做错了什么吗？谢谢

您的站点存在的问题是，通过内联样式将宽度设置为

350px

这是由一些wordpress插件引起的（可能是WPBakey提供的）

一种解决方案是找出是什么导致wordpress中出现这种样式，然后对其进行编辑

其他快速解决方案是通过添加

来覆盖ths！重要信息

到您的css属性，如：

input#calc_shipping_postcode.input-text {
  width: 270px !important;
}

---

站点的问题在于，通过内联样式将宽度设置为

350px

这是由一些wordpress插件引起的（可能是WPBakey提供的）

一种解决方案是找出是什么导致wordpress中出现这种样式，然后对其进行编辑

其他快速解决方案是通过添加

来覆盖ths！重要信息

到您的css属性，如：

input#calc_shipping_postcode.input-text {
  width: 270px !important;
}

---

在

px

中添加宽度的安装使用

%

。将在所有设备中工作

试试这个

input#calc_shipping_postcode {
    width: 100% !important;
    max-width: 350px;
}

---

在

px

中添加宽度的安装使用

%

。将在所有设备中工作

试试这个

input#calc_shipping_postcode {
    width: 100% !important;
    max-width: 350px;
}

---

有一个应用于元素的内联宽度。删除它，然后添加css。或者尝试添加！对规则很重要。元素应用了内联宽度。删除它，然后添加css。或者尝试添加！这条规则很重要。不，这不会改变宽度。你可以试试这个，它会像流体一样工作。试试，然后告诉我。我刚刚试过，但可能你误解了这个问题。问题是缩小宽度。但是对于你的代码，宽度将保持

350px

，也许你的意思是

270px

而不是

350

，我确实提到过，如果你使用px，将解决问题，但在横向上留有空间，但是如果它在%内，看起来会很完美，因为引导将最大宽度为350。不，这不会改变宽度。你可以试试，这会像流体一样工作。试试，然后让我知道。我刚刚试过，但可能你误解了这个问题。问题是缩小宽度。但是对于你的代码，宽度将保持

350px

，也许你的意思是

270px

而不是

350

，我确实提到过，如果你使用px，将解决问题，但在横向上留下空间，但如果它在%内，则看起来会很完美，因为引导将最大宽度为350。