苹果边框丢失问题

src/views/eva/studentEvaluate.vue

@@ -162,12 +162,7 @@
         观察记录
       </div>
       <div class="EvaluateTxt">
-        <textarea
-          name=""
-          id=""
-          style="width: 100%;height: 100%;border: none;resize:none;"
-          v-model="recordCon"
-        ></textarea>
+        <textarea name="" class="areaTxt" v-model="recordCon"></textarea>
       </div>
 
       <!-- 上传图片开始 -->
@@ -1272,16 +1267,25 @@ export default {
   }
   //   观察记录
   .EvaluateTxt {
+    width: 100%;
     box-sizing: border-box;
-    padding: 10px;
     height: 137px;
     line-height: 20px;
     background-color: rgba(255, 255, 255, 1);
     color: rgba(16, 16, 16, 1);
     font-size: 14px;
     font-family: Roboto;
-    border-radius: 10px;
-    border: 1px solid #dcdcdc;
+    .areaTxt {
+      width: 100%;
+      height: 100%;
+      border: 1px solid #dcdcdc;
+      border-radius: 10px;
+      resize: none;
+      box-sizing: border-box;
+      padding: 10px;
+    }
+    // border-radius: 10px;
+    // border: ;
   }
   //   上传图片
   .uploadImgTit {