使用类而不是id将css应用于输入字段

我的CMS中有一组字段如下所示：

<input aria-required="true" name="weblinktitle" id="foo1" size="25" class="myclass required form-control" type="text"><br />

我可以选择为它们中的每一个插入自定义类myclass，但是我无法更改字段外观。我只能通过目标ID修改字段，这不是我想要的。如何修改div类myclass中的所有字段

更新小提琴：

---

我想念什么？有什么线索吗？

我访问了那个样本。第二个很好。 您可以很容易地按类调用input，如下所示：input.myclass这段代码有什么问题

---

但是上面的解决方案在JSFIDLE上运行良好，但在我这方面不行所以你可能会让圣巴德变得很糟糕。添加一个链接到无法正常工作的页面。Firebug可能会帮助您理解为什么会出现这种情况。在添加样式时，请更具体一些，以便它们不会被覆盖。父类输入抱歉，我弄乱了。事实上，自定义类不是应用于字段本身，而是应用于一个div。这里是一个更新的fiddle。对不起，我弄得一团糟。事实上，自定义类不是应用于字段本身，而是应用于一个div。这里是一个更新的fiddle。您希望获得哪种输入样式？如果您想为所有输入设置样式，您应该编写第一个代码输入{background:red；}，但是如果您想要某些输入，您应该通过ID或类调用它。或者您可以通过Jquery.addclassyes将自定义类设置为input。我想修改DIV中包含类myclass的所有输入字段。Jquery的使用是不合适的。

input[type=text].myclass{
    /****your codes****/
background:red; 
}