ইনসারশন ক্যারের রঙ পরিবর্তন করার জন্য CSS caret-color property ব্যবহার করা হয়।
উদাহরণ
নিচের উদাহরণগুলো CSS caret-color প্রোপার্টি প্রদর্শন করে।
<!DOCTYPE html> <html> <head> <style> form { padding: 2%; margin: 2%; text-align: center; } form:focus-within { box-shadow: 0 0 10px rgba(0,0,0,0.6); background-color: beige; } input { font-size: 3em; caret-color: chartreuse; margin: 2%; } </style> </head> <body> <form> <input value="Check the caret color!" /> <button>Hit!</button> </form> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
উদাহরণ
<!DOCTYPE html> <html> <head> <style> form { padding: 2%; margin: 2%; background-color: thistle; } form:focus-within { box-shadow: 0 0 10px rgba(0,0,0,0.6); } textarea { caret-color: transparent; } </style> </head> <body> <form> <input type="radio" />1 <input type="radio" />2 <textarea placeholder="Invisible"></textarea> </form> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
