Question

我有一个文本框类的CSS代码，我正在使用linux。它保存在.css文件中，我使用的是gedit。但是盒子阴影属性没有被识别。所有其他人都有不同的字体，显示关键字左右。但不是盒子阴影。有什么想法吗？当我使用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来演示

＆＃13;

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;
}

＆＃13;

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

＆＃13;

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

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

盒子阴影无法识别

1 个答案: