Sfoglia il codice sorgente

解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)

htc 3 giorni fa
parent
commit
3218edd4e3

+ 9 - 1
components/CusSearch/index.vue

@@ -40,7 +40,15 @@
 
 <style scoped lang="scss">
 	::v-deep .u-input__content input{
-		caret-color: #252525 !important; 
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
+		caret-color: #252525 !important;  
 	}
 	
 	.search{

+ 9 - 1
components/pages/loginRegister/index.vue

@@ -165,7 +165,15 @@
 
 <style scoped lang="scss">
 	::v-deep .u-input__content input{
-		caret-color: #252525 !important; 
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
+		caret-color: #252525 !important;  
 	}
 	
 	.login-register{

+ 9 - 1
pagesHome/activityApply.vue

@@ -269,7 +269,15 @@
 
 <style scoped lang="scss">
 	::v-deep .u-input__content input{
-		caret-color: #252525 !important; 
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
+		caret-color: #252525 !important;  
 	}
 	
 	::v-deep .u-input__content__field-wrapper__field{

+ 9 - 1
pagesHome/applyMemberVindicate.vue

@@ -116,7 +116,15 @@
 
 <style scoped lang="scss">
 	::v-deep .u-input__content input{
-		caret-color: #252525 !important; 
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
+		caret-color: #252525 !important;   
 	}
 	
 	.common_page{

+ 9 - 1
pagesMy/familyMemberVindicate.vue

@@ -120,7 +120,15 @@
 
 <style scoped lang="scss">
 	::v-deep .u-input__content input{
-		caret-color: #252525 !important; 
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
+		caret-color: #252525 !important;  
 	}
 	
 	.common_page{

+ 9 - 0
pagesMy/information.vue

@@ -156,6 +156,15 @@
 		color: #252525 !important;
 		line-height: 42rpx !important;
 		text-align: right !important;
+		
+		// 解决输入框在ios机型上获取不到闪烁的光标的问题(安卓机型上有)
+		/* 1. (首选方案) 强制开启硬件加速,触发独立渲染层,修复iOS下的渲染bug */
+		transform: translateZ(0);
+		-webkit-transform: translateZ(0);
+		/* 2. (辅助方案) 明确指定文本可选,有时有助于唤醒光标 */
+		-webkit-user-select: text;
+		user-select: text;
+		/* 3. (保持) 您已正确设置,确保光标颜色正确 */
 		caret-color: #252525 !important; 
 	}