Abdallah Ali4

بتاريخ On 5/23/2021 at 11:11 قال Rehab Essam:

كيف يمكنني إخفاء TEXT داخل عنصر بدون اللجوء الى تعديله في صفحه HTML

الامر بسيط بتوحيد لون ال text  بلون الخلفية 

 او نستخدم خاصية text-indent

#تكليفات الزيرو 

اولا كود ال HTML

<div class="two" style="
        background-color: red;
        color: white;
        padding: 20px;
        border: 1px solid blue;
        font-size: 80px;">
        Hello Div
    </div>

لاحظ لا يمكن الوصول او التعديل علي كود ال html

.two{
    width: 400px  !important;
    margin: 30px auto  !important;
    color: #eee !important;                  /*  or تم توحيد اللون هنا بلون لون النص الخلفية */
    >>>/* text-indent: -2000px; */                /*  ونطلعها برا الصفحة خالص text-indent  او نستخدم خاصية*/
    font-size: 20px  !important;
    background-color: #eee  !important;   /*  بلون الخلفية هنا  */
    border: none  !important;
    text-align: center; 
    position: relative;
}

.two::after{
    content: "Elzero";
    position: absolute;
    top: 18px;
    left: 196px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: black;
    text-align: center;
}

   الرد متاخر بس عشان لو حد بيتعلم وسال نفس السوال 

بالتوفيق