babycool

这两天在学习页面的切图,样式设计,把学习过程中注意的地方记录下来。

一. input输入框点击时去掉外边框

一般在IE,firefox下,设置 border:0 none; 即可。但在chrome下,仍会出现边框。

可以在样式中应用:outline:medium;来解决。

效果如下图:

1.在firefox下,设置border:0 none; 无边框:

 

 

 

 

2.在IE下,设置border:0 none; 无边框:

3.在chrome下,设置border:0 none; 有边框

4. 在firefox下,设置border:0 none; outline:medium; 无边框:

5. 在chrome下,设置border:0 none; outline:medium; 无边框:

 

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-04-29
  • 2022-12-23
  • 2021-07-14
  • 2021-12-10
  • 2021-09-06
  • 2021-10-01
  • 2022-12-23
猜你喜欢
  • 2021-12-30
  • 2021-08-16
  • 2021-10-12
  • 2021-06-16
  • 2021-11-12
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案