如何在CSS中禁用背景线性渐变？

嘿，这事儿超简单！你只需要把代码里所有和线性渐变相关的background声明去掉就行啦。原代码里的渐变是针对不同浏览器前缀写的兼容代码，删掉那些行后，元素就会只保留你最初设置的纯色背景，或者你也可以直接把背景设为无/透明，完全看你的需求。

方案一：保留纯色背景（移除渐变） #

.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  /* 只保留纯色背景，删掉所有渐变相关的background声明 */
  background: #9053c7;
}

方案二：完全移除背景 #

如果你不需要任何背景色，也可以直接把背景设为无或透明：

.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  /* 移除所有背景 */
  background: none;
  /* 或者设为透明 */
  /* background: transparent; */
}

简单说下原理：原代码里的-webkit-linear-gradient、-moz-linear-gradient这些是旧版浏览器的渐变兼容写法，只要把这些行删掉，浏览器就不会渲染渐变背景，只会应用你保留的背景属性值啦。

内容的提问来源于stack exchange，提问作者ILSJWC