css:项目中遇到的样式问题

/* ios去掉内阴影 */
input {
  appearance: none;
} 
/* 文本不能被选择*/
body {
 -moz-user-select : none; 
 -webkit-user-select: none; 
}
/*富文本数据m站适配*/
iframe {
   width: 100%;
   height: auto!important;
   min-height: 190px;
 }
/*富文本数据m站适配*/
img {
  max-width: 100%!important;
  height: auto;
}
/*图片等比例放大,设置父元素大小*/
img {  
    width: auto;  
    height: auto;  
    max-width: 100%;  
    max-height: 100%;     
}  
/*文字超出,不换行显示*/
:global(.am-tabs-default-bar-content){
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/*文字模糊处理*/
color: transparent;
text-shadow: #111 0 0 5px;

/*毛玻璃效果(图片模糊处理)*/
.blur {
    display: block;
    width: 300px;
    height: 300px;
    margin: 100px auto;
    filter: blur(10px);
}
/*CSS Border with Box-Shadow Example*/
/*多边框效果*/
div {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2);
    height: 200px;
    margin: 50px auto;
    width: 400px
}
/*头部占位,情感图垂直居中*/
.null-box {
  width: 100%;
  position: absolute;
  top: 44px;/*头部高度*/
  bottom: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/*富文本表格自适应*/
table {
  width: 100% !important;
}
/*antd input number 去掉上下箭头样式*/
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }
    input[type='number'] {
      -moz-appearance: textfield;
    }
/*设置不变宽度*/
div {
   flex-shrink: 0;
   width: 48px;
   height: 48px;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值