css - 盒子阴影无法识别

Question

我有一个文本框类的 CSS 代码，我正在 Linux 上工作。它保存在 .css 文件中，我正在使用 gedit。但是不识别 box-shadow 属性。所有其他人都有不同的字体，显示一个关键字左右。但不是盒子阴影。有什么想法吗？当我使用 notepad++ 时，它似乎可以在 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

您可能会混淆 box-shadow 和 text-shadow。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*/
}