Loading...
z.s.paneva avatar z.s.paneva 21 Точки

Web Fundamentials - CSS Overview Homework - Problem 1. Brazil World Cup

Здравейте, бих искала да помоля за съвет относно стилизирането на <select> полетата с резултати. Пробвах логичното прилане на стилове към селект тага, но те оцветяват не само select options, но и стрелката за отваряне на дропдауна, а тя трябва да остане в черно. Прочетох тук-там, пробвах да ресетна визуализацята на <select>, която е по подразбиране, но в различни браузъри става каша след това. Прочетох и идеи за използване на JS, но предполагам има по-лесен начин, за който не се сещам (все пак задачата не се води с повишена трудност и може би погрешно се впускам в сложни решения). Благодаря!

Тагове:
0
Web Fundamentals - HTML5
daniel.nikov926 avatar daniel.nikov926 18 Точки
Best Answer

https://codepen.io/ericrasch/pen/zjDBx

използвай тяхната логика, аз го направих и стана много хубаво и както се иска.

0
Petia_Slavcheva avatar Petia_Slavcheva 1 Точки

И аз търся как да направа тази падаща стерлка, но стинах само до това решение:

<td> A</td>
                        <td> Brasil</td>
                        <td>
                           
                            <button class="btn" type="button" data-toggle="dropdown" disabled="disabled" />0</button>-
                            <button class="btn" type="button" data-toggle="dropdown" disabled="disabled" />0</button>
                        </td>

 

Как точно се появава срелката надолу , някой може ли да ми каже?

0
05/09/2016 18:37:37
daniel.nikov926 avatar daniel.nikov926 18 Точки

До тук си се справила добре, но от тук нататък всичко е CSS.

Тук  ще намериш всичко, което ти трябва.

Успех!

Тази задача е изключително лесна сравнение с втората и третата.

0
DimitarB avatar DimitarB -1 Точки

Здравей,пробвай така при мен стана!

smiley

<select>
            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
          </select>
          -
          <select>
            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
          </select>

0
Gabriela_banova avatar Gabriela_banova 12 Точки

а как се слагат знамената?

0
fbinnzhivko avatar fbinnzhivko 1586 Точки

#brasil p:after {
    content: url('../Resources/Brazil_resized.jpg');    
}

0
Gabriela_banova avatar Gabriela_banova 12 Точки

а трябва да ги имам свалени ?

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.