Necesito crear un fondo amarillo mientras selecciono el ícono de ajustes para la opción de menú en la fila de la tabla. He intentado el siguiente código para resaltar la fila de la tabla,

var view = Core.view.Menu.create({
    model: model,
    menuContext: { ibmm: ibmm },
    anchor: this.$(),
    highlight: this.$().parents('tr:first').css('background-color','yellow')
});
view.show();

Mientras selecciona el menú de la fila de la tabla (oculto) con el icono de engranaje, el color de fondo está llegando bien.

[! [ingrese la descripción de la imagen aquí] [1]] [1]

l archivo html correspondiente está debajo de

<tr id="ember23242" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">

Pero cuando me muevo a la siguiente fila de la tabla (no oculta), el color de la fila de la tabla anterior todavía está en color amarillo, sin desaparecer.

[! [ingrese la descripción de la imagen aquí] [2]] [2]

Estoy usando el siguiente código CSS para crear el resaltado cuando hago clic en la fila

table.content-table.highlighted tr.content-row:focus {
  background: #FFFF99 none 0 0 repeat;
}

¿Alguien puede sugerirme un código para esto? Estoy usando Ember 1.4.0.