Question

默认情况下，搜索标签会填充到左侧..即padding-left: 3px由Angular-material.min.css分配

当我在我的custom.less文件中自定义相同内容时将其填充到右侧时，它不会优先于Angular-material.min.css的默认css

Answer 1

以正确的顺序加载CSS。

<强> HTML

<head>
  <link rel="stylesheet" type="text/css" href="Angular-material.min.css">
  <link rel="stylesheet" type="text/css" href="custom.css">
</head>

这是因为 CSS 中的 C 代表级联。这意味着稍后会在覆盖之前看到的规则中看到规则。

Answer 2

尝试将!important添加到您的css样式属性中：

padding-left: 29px !important;