盒子阴影无法识别

Question

我有这个 CSS 文本框代码 class，我正在处理 linux。它保存在 .css 文件中，我正在使用 gedit。但是无法识别 box-shadow 属性。所有其他人都有不同的字体，显示一个关键字左右。但不是盒子阴影。有什么想法吗？当我使用记事本++时，它似乎适用于 windows。

.textbox 
{ 
    background: white; 
    border: 1px solid #ffa853; 
    border-radius: 5px; 
    box-shadow: 0 0 5px 3px #00FFFF; 
    color: #666; 
    outline: none; 
    height:23px; 
    width: 275px; 
}

Answer 1

您可能会混淆框阴影和文本阴影。 text-shadow 适用于文本，box 适用于容器

我做了一个小的fiddle来演示两者

div {
  width: 200px;
  height: 300px;
  background-color: #fff;
  box-shadow: 10px 10px 5px grey;
}
p {
  text-shadow: 1px 1px 2px black;
  color: red;
  font-size: 5em;
}

<div>
  <p>
    hello
  </p>
</div>

如果您正在尝试调整输入（或多个输入）的外观一个有用的方法是：

input[type="text"] {
    /*your styles here*/
}

盒子阴影无法识别

box-shadow is not recognized

css

linux

gedit

box-shadow