] यह मुद्दा कस्टम-फाइल-कंट्रोल CSS वर्ग के भीतर छिपे हुए मूल्य से उपजा है। हालांकि, जावास्क्रिप्ट का उपयोग करके चुनी गई फ़ाइल के मान को पुनः प्राप्त करना संभव है, प्लेसहोल्डर पाठ को बदलना अधिक जटिल हो सकता है। इस पाठ को संशोधित करने के लिए, बस कस्टम CSS या SASS को निम्नानुसार जोड़ें:

। कस्टम-फाइल-इनपुट ~ सामग्री: "बटन पाठ"; … प्रारंभिक प्लेसहोल्डर और बटन पाठ को संशोधित करना:

प्रारंभिक प्लेसहोल्डर और बटन पाठ CSS छद्म-तत्वों में संग्रहीत हैं। उन्हें अनुकूलित करने के लिए, डिफ़ॉल्ट मानों का उपयोग करके: लैंग (en) :: after :: के बाद और: lang (en) :: चयनकर्ताओं से पहले, क्रमशः।

सामग्री: "फ़ाइल का चयन करें ..."; } #CustomFile .Custom-File-Control: lang (en) :: से पहले { सामग्री: "मुझे क्लिक करें"; }

2। चयनित फ़ाइल नाम को पुनः प्राप्त करना और इनपुट को अपडेट करना:

.custom-file-input ~ .custom-file-label::after {
    content: "Button Text";
}

सामग्री: ""! महत्वपूर्ण; } फ़ाइल चयन पर, .custom-file-control पर .selected वर्ग को टॉगल करें JQuery का उपयोग करके प्लेसहोल्डर को छिपाने के लिए और फ़ाइल का नाम प्रदर्शित करने के लिए:

var फ़ाइल नाम = $ (यह) .val (); $ (यह) .Next ('। })

बूटस्ट्रैप 5

उदाहरण के लिए:

। कस्टम-फाइल-इनपुट :: के बाद { सामग्री: "बटन पाठ"; }