1

我正在制作我的 html 表单，我想在上面添加效果。

有可能<input name="" type="text" class="" />产生发光效果吗？

提交按钮是否也可以产生这种效果？

4

3 回答 3

2

这适用于 Button 类的所有输入

input.Button {
-moz-box-shadow: 0px 0px 10px Green;
-webkit-box-shadow: 0px 0px 10px Green;
box-shadow: 0px 0px 10px Green;
}

每@Imoda

这适用于文本类型的所有输入

input[type='text'] {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}

并且只在悬停时获得它：

input[type='text']:hover {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}
于 2011-08-03T15:14:55.380 回答
0

您可以通过 Photoshop 或 Fireworks 创建对象或图稿，然后使用您的 CSS 文件将该图形导入您的开发中。例子：

div#btn {
background-position: top right;
position:absolute; */
margin:0px 0px; padding:0px;
text-align:center;
background-image: url(images/bg1.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
}

然后在您的 HTML 中，只需在您的按钮上调用该 div。

于 2011-08-03T15:16:04.817 回答
0

这将选择“文本”类型的输入。然后将其更改为#FFFFFF您想要的任何颜色。理论上这应该有效。如果没有，请inset在每个冒号后直接添加。这不是一个精确的outer-glow复制，但我相信它会满足您的需求。


input[type='text'] {
  -moz-box-shadow: 0px 0px 4px #ffffff;
  -webkit-box-shadow: 0px 0px 4px #ffffff;
  box-shadow: 0px 0px 4px #ffffff;
}
于 2011-08-03T19:00:33.160 回答