Question

 <select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>

我想只隐藏上述代码中的值四。

我尝试使用{display：none}作为第四个值，但它没有用。

还想在this elements一，二，三和四之间添加填充。

P.S。我想只使用CSS删除它。

Answer 1

属性选择器是关键，尽管Musa指出，你无法在Internet Explorer中隐藏选项。

这里的文章隐藏了IE Options with display:none not hidden in IE

中的选项

   .Select-input option[value=four] {display: none;}

 <select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>

Answer 2

我接受了Aaron已经回答的部分并添加了请求的填充：

＆＃13;

option {padding: 7px 0px 7px 5px;}

option[value=four] {display: none;}

＆＃13;

<select class="Select-input">
   <option value="one">One</option>
   <option value="two">Two</option>
   <option value="three">Three</option>
   <option value="four">Four</option>
 </select>

＆＃13;

Answer 3

试试这个，可能有所帮助

select option:last-child {display:none;}

Answer 4

你可以这样做：

<强> CSS

import pygame
import sys
from pygame.locals import *
import time

pygame.init()

black = (0, 0, 0)
white = (255, 255, 255)

screen = pygame.display.set_mode((800, 600)) 
pygame.display.set_caption("RADICAL")
screen.fill(black)

imga = pygame.image.load('coina.png')
imgb = pygame.image.load('coinb.png')
sound = pygame.mixer.Sound('coin.mp3')

FPS = 80
imgx = 10
imgy = 10
pixMove = 10

steps = 0 
x1 = 0 
y1 = 0

keystate = pygame.key.get_pressed()

GameOver = False

while not GameOver:
    screen.fill(white)

    points = (steps)
    font = pygame.font.SysFont(None, 30)
    text = font.render('Score: '+str(points), True, black)
    screen.blit(text, (0,0))

    if steps % 2 == 0: 
        screen.blit(imga, (imgx, imgy))
    else:
        screen.blit(imgb, (imgx, imgy))

    for event in pygame.event.get():
        print event 
        if event.type == QUIT:
            pygame.quit()
            sys.exit()

        elif event.type == pygame.KEYDOWN:
            if keystate[pygame.K_UP]:
                y1 -= pixMove
            elif keystate[pygame.K_DOWN]:
                y1 += pixMove
            elif keystate[pygame.K_LEFT]:
                x1 -= pixMove
            elif keystate[pygame.K_RIGHT]:
                x1 += pixMove
        elif event.type == pygame.KEYUP:
            if event.key == pygame.K_LEFT or event.key == pygame.K_RIGHT:
                x1 = 0 
            if event.key == pygame.K_UP or event.key == pygame.K_DOWN:
                y1 = 0   

            steps +=1 

        if event.type == K_SPACE:
            sound.play()
            time.sleep(1)
            sound.stop()

pygame.display.update()
fpsTime.tick(FPS)

<强> DEMO HERE

Answer 5

试试这个：

.Select-input option:nth-of-type(2) {
    display:none;
}

或者你可以这样做：

.Select-input option:nth-child(1){
   display: none;
 }

Answer 6

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Demo</title>
</head>
<body>

    <select class="Select-input">
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
      <option value="four" style="display:none;">Four</option>
    </select>
  </body>
 </html>

如果您只想使用CSS隐藏一个选项，请使用内联CSS。

如果要显示：块；或显示：无；比使用javascript动态。

希望我的贡献对您有所帮助。

如何仅使用css隐藏一个选项元素

6 个答案: