首页 » 技术分享 » CSS(微信ss) 做等腰大于号

CSS(微信ss) 做等腰大于号

 
 <navigator url="" data-id="2" class="{{currentItem==2?'con_right_1':'con_right_11'}}" bindtap='bindCheck'>唯一码追溯查询</navigator>

实例

wxss代码

.con_right_1{
  width: 430rpx;
  height: 50rpx;
  border: 0rpx solid red;
  margin-left: 20rpx;
  font-size: 26rpx;
  color: #377bef;
  line-height: 50rpx;
  position: relative;
}
.con_right_1::after{
  content: " ";
  position: absolute;
  width: 20rpx;
  height: 20rpx;
  border: 1rpx solid #707070;
  border-bottom: none;
  border-left:none;
  transform: rotate(45deg);
  top: 10rpx;
  right: 0rpx;
}

 

转载自原文链接, 如需删除请联系管理员。

原文链接:CSS(微信ss) 做等腰大于号,转载请注明来源!

0