Kendo 网格样式

Question

我正在尝试设置此 kendo 网格搜索框部分的样式。我希望将结果放在一行上，将搜索文本框放在另一行上，并使用更大的输入控件。我也想删除边框。任何人都知道为什么这不起作用。我可以看到 margin-bottom: 30px; 有效，但 width: 75%; 不会使搜索框变大？

.k-searchbox {
    order: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 3px 7px;
    width: 75%;      
  }
.k-grid .k-toolbar {
    background-color: white;
    border-top-style: none;
}

https://dojo.telerik.com/@mcdevittnccn/aDUyicow

Answer 1

您需要这样写以防止 kendo 默认 css 覆盖您的自定义样式。

.k-toolbar .k-searchbox.k-input {
  order: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 3px 7px;
  width: 75%;      
}