task#11214,ios下拉框遮挡提交按钮

src/views/caseList/caseDetail.vue

@@ -345,35 +345,24 @@ export default {
   background: url('@/assets/arrow_bot.png') no-repeat right center / 15px 14px;
   text-align: right; /* 将下拉列表的文本右对齐 */
 }
-.itemContent{
+.mySelect {
-  @include flexColBet;
+  -webkit-appearance: none; /* 移除默认的样式 */
-  line-height: 56px;
+  -moz-appearance: none;
-  box-sizing: border-box;
+  appearance: none;
-  padding-right: 25px;
+  position: relative;
-  .titleType{
+  z-index: 1;
-    @include fontWeightSize(bold,14px);
+}
-    color: #323643;
-  }
-  .isJoin{
-    display: flex;
-    .joinWrap, .item{
-      @include flexCenter;
-    }
-    img{
-      @include widHeiMar(16px,16px,6px)
-    }
-  }
-  .startImg{
-    @include widHeiMar(6px,6px,3px);
-    vertical-align: super;
-  }
-  input{
-    border: none;
-    text-align: right;
-    @include fontWeightSize(bold,13px);
-    opacity: .5;
-  }
 
+.mySelect::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  transform: translateY(-50%);
+  pointer-events: none;
+  border-style: solid;
+  border-width: 6px 6px 0 6px;
+  border-color: #000 transparent transparent transparent;
 }
 .navBar{
   margin-bottom: 46px;