diff --git a/pages/CSS/border/border-color.uvue b/pages/CSS/border/border-color.uvue
index 31a7392d96b6ce7c2432a6cf7b9be8fbe74142b5..b3753438c5cb39fe59cb5577a46721d0da94f624 100644
--- a/pages/CSS/border/border-color.uvue
+++ b/pages/CSS/border/border-color.uvue
@@ -7,7 +7,7 @@
         <text>border-color: red</text>
         <view
           class="common"
-          style="border-width: 10rpx; border-color: red"
+          style="border-width: 10rpx; border-color: red; border-style: solid;"
         ></view>
       </view>
 
@@ -15,7 +15,7 @@
         <text>border-left-color: red</text>
         <view
           class="common"
-          style="border-left-width: 10rpx; border-left-color: red"
+          style="border-left-width: 10rpx; border-left-color: red; border-left-style:solid;"
         ></view>
       </view>
 
@@ -23,7 +23,7 @@
         <text>border-top-color: green</text>
         <view
           class="common"
-          style="border-top-width: 10rpx; border-top-color: green"
+          style="border-top-width: 10rpx; border-top-color: green; border-top-style: solid;"
         ></view>
       </view>
 
@@ -31,7 +31,7 @@
         <text>border-right-color: yellow</text>
         <view
           class="common"
-          style="border-right-width: 10rpx; border-right-color: yellow"
+          style="border-right-width: 10rpx; border-right-color: yellow; border-right-style: solid;"
         ></view>
       </view>
 
@@ -39,7 +39,7 @@
         <text>border-bottom-color: blue</text>
         <view
           class="common"
-          style="border-bottom-width: 10rpx; border-bottom-color: blue"
+          style="border-bottom-width: 10rpx; border-bottom-color: blue; border-bottom-style: solid; "
         ></view>
       </view>
     </view>
diff --git a/pages/CSS/border/border-width.uvue b/pages/CSS/border/border-width.uvue
index 1de2a19d70af4ef4f8b0c26f762a5b8c1ea3f2f5..337338bc071ac66a5e6860efe75a5be0ef05faae 100644
--- a/pages/CSS/border/border-width.uvue
+++ b/pages/CSS/border/border-width.uvue
@@ -5,27 +5,27 @@
     <view style="flex-grow: 1">
       <view>
         <text>border-width: 10rpx</text>
-        <view class="common" style="border-width: 10rpx"></view>
+        <view class="common" style="border-width: 10rpx; border-style: solid;"></view>
       </view>
 
       <view>
         <text>border-left-width: 10rpx</text>
-        <view class="common" style="border-left-width: 10rpx"></view>
+        <view class="common" style="border-left-width: 10rpx; border-left-style: solid; "></view>
       </view>
 
       <view>
         <text>border-top-width: 20rpx</text>
-        <view class="common" style="border-top-width: 20rpx"></view>
+        <view class="common" style="border-top-width: 20rpx; border-top-style: solid; "></view>
       </view>
 
       <view>
         <text>border-right-width: 30rpx</text>
-        <view class="common" style="border-right-width: 30rpx"></view>
+        <view class="common" style="border-right-width: 30rpx; border-right-style: solid; "></view>
       </view>
 
       <view>
         <text>border-bottom-width: 40rpx</text>
-        <view class="common" style="border-bottom-width: 40rpx"></view>
+        <view class="common" style="border-bottom-width: 40rpx; border-bottom-style: solid; "></view>
       </view>
     </view>
     <!-- #ifdef APP -->
diff --git a/pages/CSS/border/complex-border/complex-border.uvue b/pages/CSS/border/complex-border/complex-border.uvue
index 107111efb7bf3659f7e553d1555618879ea1018e..d4245d92501844705536a3dbeb5f16190a2c4bae 100644
--- a/pages/CSS/border/complex-border/complex-border.uvue
+++ b/pages/CSS/border/complex-border/complex-border.uvue
@@ -33,7 +33,8 @@
 		width: 250rpx;
 		height: 250rpx;
 		background-color: #00dd00;
-		border-width: 20rpx;
+		border-width: 20rpx;
+    border-style: solid;
 		border-color: #000000;
 		border-bottom-width: 40rpx;
 		border-bottom-color: #ff0000;
@@ -45,7 +46,8 @@
 
 	.border-rect {
 		width: 250rpx;
-		height: 250rpx;
+		height: 250rpx;
+    border-style: solid;
 		background-color: #00dd00;
 		border-width: 20rpx;
 		border-color: #000000;
@@ -53,4 +55,4 @@
 		border-bottom-color: #ff0000;
 		border-right-color: #FFDC02;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/component/scroll-view/scroll-view-props.uvue b/pages/component/scroll-view/scroll-view-props.uvue
index 9046f48fcb471ee30094b540944629925f4e2dd1..4c1090ce1396f9f03ce1f15990633a15cfb774f1 100644
--- a/pages/component/scroll-view/scroll-view-props.uvue
+++ b/pages/component/scroll-view/scroll-view-props.uvue
@@ -57,13 +57,13 @@
 
 			<view class="uni-option">
 				<text>设置触发scrolltoupper的距离</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="upperThreshold"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;border-style: solid; " :value="upperThreshold"
 					type="number" @input="handleUpperThresholdInput" />
 			</view>
 
 			<view class="uni-option">
 				<text>设置触发scrolltolower的距离</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="lowerThreshold"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;border-style: solid; " :value="lowerThreshold"
 					type="number" @input="handleLowerThresholdInput" />
 			</view>
 
@@ -203,7 +203,8 @@
 		height: 400rpx;
 		width: 100%;
 		background-color: azure;
-		border-width: 2rpx;
+		border-width: 2rpx;
+    border-style: solid;
 		border-color: chocolate;
 	}
 
diff --git a/pages/component/scroll-view/scroll-view-refresher-props.uvue b/pages/component/scroll-view/scroll-view-refresher-props.uvue
index 6ba3ec83f7fa3bf5d25a71657fc590bec81f3aff..beb739b98ef2faa94cfef8ce752685f88d36300e 100644
--- a/pages/component/scroll-view/scroll-view-refresher-props.uvue
+++ b/pages/component/scroll-view/scroll-view-refresher-props.uvue
@@ -31,13 +31,13 @@
 
 			<view class="uni-option">
 				<text>设置下拉刷新阈值</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;  border-style: solid;" :disabled="!refresherEnabled"
 					:value="refresherThreshold" type="number" @input="handleRefresherThresholdInput" />
 			</view>
 
 			<view class="uni-option">
 				<text>设置下拉刷新区域背景颜色</text>
-				<input style="width: 200rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+				<input style="width: 200rpx;border-width: 2rpx;text-align: center; border-style: solid;" :disabled="!refresherEnabled"
 					:value="refresherBackground" @input="handleRefresherBackground" />
 			</view>
 
@@ -142,6 +142,7 @@
 		width: 100%;
 		background-color: azure;
 		border-width: 2rpx;
+    border-style: solid;
 		border-color: chocolate;
 	}